background section

React

React is een clientside JavaScript framework om Single Page Applications (SPA) te maken. Het is de concurrent van Angular en Vue.

Je zal na afloop zelfstandig een eenvoudige React SPA kunnen opzetten die gegevens uitwisselt met een Web API en gebruik maakt van React routing. De cursus gaat over de nieuwere Reactversie (vanaf 16.8) die gebruik maakt van hooks. Er is optioneel ook een module die de oudere Reactversies (vóór 16.8) beschrijft waarin gebruik gemaakt wordt van klassen.

Onze opleidingen zijn kosteloos.
Ontdek waarom en voor wie.
  • Opleidingstype

    Online-klas

  • Opleidingsduur

    2 dagen

  • Volg deze opleiding in het:
    NL 
  • Opleidingscode

    DL2323NOC

Wat leer je in deze opleiding?

  • Je kunt een React applicatie maken
  • Je kunt TypeScript gebruiken in een React applicatie
  • Je kunt je eigen React componenten maken volgens de nieuwe hooks architectuur
  • Je kunt forms maken in React Je kunt een Web API aanspreken in React
  • Je kunt via een menu meerdere schermen aanspreken in een Single Page Application (routing)
  • Je kunt een React applicatie maken volgens de oudere architectuur met class componenten

Doelgroep

Je bent een front-end of fullstack developer met kennis van HTML, CSS en JavaScript. Je hebt geen of weinig kennis van React, en je wil dat framework gebruiken om Single Page Applications (SPA) te ontwikkelen

Leermethode: Online-klas

Deze online-opleiding volg je op je computer. Je traject bestaat uit drie stappen, die elkaar aanvullen.

  • Stap 1

Je opleiding start op Karibu, ons online-leerplatform. Dit leermoment doorloop je op je eigen tempo, waar en wanneer je wilt.

Let op: deze stap afwerken is een vereiste om verder te gaan.

  • Stap 2: online-klas

Tijdens deze stap ontmoet je je medecursisten – gewoonlijk zes tot twaalf personen – via Zoom. Iedereen kan elkaar zien en horen. Dat maakt gesprekken, interactie en samenwerking mogelijk. Zo leer je van en met elkaar, op basis van de inzichten uit stap 1.

  • Stap 3

Dit leermoment vindt opnieuw plaats op Karibu. Ook deze stap doorloop je op je eigen tempo, waar en wanneer je wilt.

Programma

Voor:

  • Herhaling noodzakelijke voorkennis JavaScript
  • Inleiding React

 

Sessie1:

  • Een React applicatie maken: create-react-app en vite
  • JSX bestanden in React
  • State in JSX: useState hook

Sessie 2:

  • Forms maken
  • Andere state hooks: useContext, useReducer

Sessie 3:

  • Errorafhandeling in forms 
  • UseEffect hook
  • UseRef hook

Sessie 4:

  • Custom hooks maken
  • React routing

 

Na

  • React met class componenten
  • Lifecycle methodes in React class componenten