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.
React
AA
Frontend
React JavaScript Library
React is een component-gebaseerde JavaScript-library voor interactieve UIs. Het gebruikt een virtuele DOM voor efficiënte updates, JSX (JS + XML) en hooks voor state en lifecycle. Het ecosysteem is uitgebreid (React Router, Redux, Next.js) en React is dominant voor SPAs.
AA
Frontend
CSR
AA
Concepten
Client-Side Rendering
Bij CSR rendert de browser de pagina volledig met JavaScript: de server stuurt een vrijwel lege HTML-pagina en de browser bouwt de content op. Voordelen zijn een app-achtige ervaring na het laden. Nadelen zijn langzamere initiële laadtijd en complexere SEO. React en Vue zonder SSR zijn standaard CSR.
AA
Concepten
Een uitgebreide collectie begrippen voor elk niveau
Van HTML & CSS tot databases en security
Geschikt voor beginners en gevorderden
Ideaal als lesmateriaal of teambuilding tool
Fysiek aan de slag, zonder scherm