Bouw echte interfaces met React
React is de JavaScript-bibliotheek die bepaalt hoe de meeste productiegerichte gebruikersinterfaces tegenwoordig worden gebouwd — van singlepage-apps en Next.js-sites tot cross-platform mobiele en desktoptoepassingen. In dit leertraject behandelt u het volledige vakgebied: componentarchitectuur, statusbeheer, gegevens ophalen, prestaties, testen en implementatie. De inhoud is gebaseerd op hoe React daadwerkelijk werkt — de reconciler, het fibermodel en de semantiek van hooks — en niet alleen op de zichtbare API.
Wat u leert
U begint met JSX, props, status en gecontroleerde componenten en gaat daarna verder met useEffect, useRef en useReducer. Praktische cursussen behandelen routering met React Router v6, formulierverwerking met React Hook Form, serverstatus met React Query en SWR, en globale status met Redux Toolkit, Zustand en Jotai. U werkt met TypeScript in React, schrijft integratie- en E2E-tests, bouwt ontwerpsystemen met Storybook, verwerkt realtime gebruikersinterfaces via WebSockets en levert typeveilige API's met tRPC. Het traject omvat ook de Next.js App Router, servercomponenten, serveracties en authenticatie met NextAuth.js.
Het leertraject
Vijfennegentig cursussen lopen van A1 tot en met C1. De cursussen op A1- en A2-niveau leggen de basis voor React, JSX-weergave, CSS-animaties, persistentie met lokale opslag en de donkere modus. De B1-cursussen bouwen uw vertrouwen op met contextpatronen, i18n, React Spring, Framer Motion, slepen en neerzetten met dnd-kit en complexe gegevenstabellen met TanStack Table. De B2-cursussen behandelen rendering en memoisatie, Suspense, het splitsen van code, React Native voor React-ontwikkelaars, implementatie op Vercel en AWS en Electron voor desktopapps. Op C1 rondt u het traject af met geavanceerde onderwerpen: Micro-frontendarchitectuur, SSR en een diepgaande blik op hydratatie, Module Federation, Islands-architectuur met Astro, WebAssembly-integratie, Edge-rendering met Cloudflare Workers en OpenTelemetry voor observability van frontendtoepassingen.
Zo werkt het
Elke cursus is opgedeeld in korte, gerichte lessen die u in de ingebouwde code-editor voltooit met realtime feedback. Een AI-tutor is beschikbaar wanneer u vastloopt op een concept of een mislukte test. U kunt het traject in volgorde doorlopen of meteen naar het niveau gaan dat bij uw huidige ervaring past.