Leer & oefen React

React leren? Volg een React-cursus in React js voor beginners en gevorderden: van JSX tot hooks, statebeheer en apps, met live previews op je telefoon. 88 cursussen, 324 interactieve lessen, A1–C1, 22 talen.

SCHRIJF CODE OP JE TELEFOON

• JSX IDE/editor: lezen, code schrijven, uitvoeren, live preview. Geen laptop of installatie nodig.

• Ingebouwde ReactDOM/Babel draait op je toestel, niet op een server.

• Projecten met meerdere bestanden, componentimports, interactieve knoppen/formulieren.

HET LAB

• Hooks Lab: live statewijzigingen en re-renders.

• Props knobs: schuifregelaars voor props.

• Render profiler/state timeline (Pro): wat opnieuw renderde en waarom; navigeer door de state.

STAP VOOR STAP, VAN BEGINNER TOT GEVORDERDE

• JSX, componenten, props, state, events, lijsten/keys, conditioneel renderen

• useState, useEffect, useRef, useReducer, eigen hooks, useLayoutEffect, meer

• Formulieren/validatie, React Hook Form, gecontroleerde/ongecontroleerde invoervelden

• Context, Redux Toolkit/RTK Query, Zustand, Jotai

• React Router, data ophalen, TanStack Query, SWR, optimistische UI

• TypeScript, testen, Storybook, toegankelijkheid, beveiliging

• Memoization, code splitsen, Suspense, transities, gevirtualiseerde lijsten

• React 19, Server Components, SSR/hydratatie, streaming

• Next.js App Router, data ophalen, authenticatie

• Basis van React native voor webontwikkelaars

• Deployment, micro-frontends, module federation

BOUW ECHTE PROJECTEN

React leren met 20 begeleide projecten: likeknop, profielkaarten, fooiencalculator, quizspel, stopwatch, registratieformulier, winkelwagen, afbeeldingscarrousel, lijst met paginering, takenapp, meer. Elke stap controleert de werking van componenten.

OEFEN TOT HET BLIJFT HANGEN

• React leren in 30 programmeermissies: makkelijk/gemiddeld/moeilijk; hooks, renderen, formulieren, context, prestaties.

• UI Match: bouw voorbeelden na; scores voor structuur/stijl/tekst.

• Bug Hunt: vind en verhelp bugs in componenten.

• Component Recall: herstel ontbrekende componentcode met gespreide herhaling.

• 50 quizvragen; 50 sollicitatievragen; spiekbrief.

• Dagelijkse uitdaging, reeksen, XP, klassement.

AI-MENTOR (Pro)

AI-uitleg, codereviews, voorgestelde oplossingen, lessen op maat over elk onderwerp.

CERTIFICAAT (Pro)

Slaag voor het eindexamen en ontvang een deelbaar certificaat.

VOOR WIE

• Beginners met enige kennis van HTML, CSS of JavaScript

• Ontwikkelaars die snel van framework wisselen

• Voorbereiding op sollicitatiegesprekken voor frontendontwikkelaars

• Autodidactische programmeurs die een projectportfolio opbouwen

GRATIS EN Pro

Gratis: eerste React-cursus, één begeleid project, 2 programmeermissies, editor/live preview, Hooks Lab, props knobs, Bug Hunt, 3 UI Match-controles/dag; advertenties.

Pro: alle 88 cursussen, alle projecten/missies, AI-mentor, render profiler/state timeline, certificaatexamen; geen advertenties.

Handelsmerken behoren toe aan hun respectieve eigenaren. Onafhankelijke leerapp; niet gelieerd aan of goedgekeurd door de merkhouders.

Privacybeleid: https://www.coddykit.com/terms/privacy-policy