React

Next JavaScript Framework

Next.js is een React-meta-framework van Vercel met API-routes, bestandsgebaseerde routing en automatische code splitting. Het is eenvoudig om mee te werken voor ontwikkelaars en bevat productie-optimalisaties out-of-the-box. De app router is de nieuwste architectuur en is de standaard voor moderne React-apps.

AA

Frontend

JavaScript XML

JSX is een JavaScript/XML-achtige syntax voor React-componenten. Het is syntactic sugar die via Babel transpileert naar React.createElement(). Zo kun je HTML-achtige code in JavaScript schrijven. Bestanden hebben vaak .jsx als extensie, maar .js kan ook.

AAA

Talen & Formaten

Vite

Vite is een moderne en snelle frontend buildtool. Tijdens development gebruikt het native ES-modules (dus vrijwel geen bundling) en esbuild voor dependencies, voor productie gebruikt het Rollup. Hot Module Replacement is extreem snel. Standaard voor Vue en populair bij React.

AA

Tools

Memoization

Memoization is een caching-techniek waarbij de resultaten van dure functies worden opgeslagen op basis van hun invoer. Bij dezelfde invoer wordt het gecachede resultaat direct teruggegeven, zonder de berekening opnieuw uit te voeren. Nuttig bij recursieve algoritmen en dure renderfuncties. In React: useMemo en useCallback.

AAA

Performance

Jest

Jest is een JavaScript-testframework met zero-config en veel features. Het ondersteunt unit- en integratietests, snapshots, coverage en async-tests. Tests draaien snel en parallel. Standaardkeuze bij React, alternatief: Vitest (Vite-gebaseerd).

AA

Tools

Document Object Model

De DOM is de boomstructuur die de browser van een HTML-document maakt, waarbij elk element een node is. JavaScript kan de DOM manipuleren met bijvoorbeeld getElementById, querySelector en appendChild. Dit triggert reflow/repaint en kost performance. Een virtual DOM (zoals in React) optimaliseert dit.

A

Frontend

TypeScript XML

TSX is de TypeScript-variant van JSX en combineert types met JSX-syntax voor type-safe React-componenten. Voordelen: type-checking voor props, betere IDE-support en eerder fouten vangen. Het transpileert naar JavaScript en is aanbevolen voor grotere apps.

AAA

Talen & Formaten

Vue JavaScript Framework

Vue is een flexibel framework dat je stap voor stap kunt gebruiken. Het combineert sterke punten van React (virtual DOM, components) en Angular (templates, directives). De leercurve is mild en de documentatie uitstekend. Single File Components (.vue) zijn een kernfeature.

AA

Frontend

Single Page Application

Een SPA is een webapplicatie die inhoud dynamisch binnen één HTML-pagina laadt, zonder volledige page refresh. Frameworks zoals React, Vue en Angular zorgen voor asynchrone contentupdates. Dit biedt een app-achtige ervaring, met wel aandachtspunten voor SEO en initiële laadtijd.

AA

Concepten