React Fundamentals


React is waarschijnlijk de populairste front-end bibliotheek voor het maken van webapplicaties. Oorspronkelijk komt React uit de stal van Facebook, maar in 2013 is de bibliotheek als open source beschikbaar gesteld. Iedereen kan met de broncode aan de slag. React wordt onder meer gebruikt door Instagram, Airbnb, Uber, Netflix, Slack en talloze andere bedrijven en organisaties.

Tijdens de cursus React Fundamentals leert u de basisbeginselen van React-applicaties en gaan we in op de structuur en architectuur van React-projecten. We besteden uitgebreid aandacht aan de achterliggende ideeën en concepten van React.

Uiteraard gaat u vervolgens met code aan de slag. U leert van alles over componenten, de JSX-syntaxis en werken met props, state en events. Ook meer gevorderde onderwerpen, zoals het communiceren met externe API’s, het werken met React Router en de nieuwe toevoeging React Hooks worden besproken. Aan het einde van de training kunt u zelfstandig React-applicaties maken en onderhouden, of aan de slag met applicaties die door anderen zijn ontwikkeld.

Het doel van deze React Fundamentals training is dat u na afloop van de cursus zelf in staat bent om React-applicaties op te zetten en uit te breiden en applicaties van anderen te onderhouden, debuggen en uitrollen naar productie.

Het cursusmateriaal en de lunch zijn bij de cursus inbegrepen.

Heeft u speciale wensen? Of wilt u de cursus graag bij u op locatie volgen? Dit is mogelijk! Neem gerust contact met ons op voor de mogelijkheden.

Doelgroep

De training React Fundamentals is bedoeld voor webdevelopers die met deze library aan de slag willen. Ontwikkelaars die een achtergrond hebben in Java of C# kunnen meestal snel met React overweg.

Voorkennis

Voor deze training is een gedegen basiskennis van JavaScript, inclusief de ES6-uitbreidingen noodzakelijk. Aanvullend is kennis van HTML en CSS onontbeerlijk. Enige kennis van NodeJS wordt aanbevolen.

Duur

De duur van deze cursus is drie dagen.

Groepsgrootte

De groepsgrootte is maximaal twaalf deelnemers.

Certificaat

Na afloop van deze opleiding ontvangen alle deelnemers een certificaat.

Tijdens de cursus React Fundamentals komen de volgende onderwerpen aan bod:

Wat is React – overzicht van het front-end landschap

  • Hoe ziet een React-applicatie eruit
  • Tooling – werken met create-react-app en React DevTools
  • Uw eerste React-project

De werkomgeving instellen

  • NodeJS en een editor
  • Het project starten
  • De homepage aanpassen

React componenten en composition

  • Class based componenten vs. Function based componenten
  • Data en state in componenten
  • Het principe van one-way data flow
  • Componenten nesten
  • Props doorgeven in componenten
  • ‘Lifting state up’
  • Korte introductie in React Hooks

Werken met data

  • Externe data laden en tonen
  • Detailgegevens tonen; reageren op events

Lifecycle hooks

  • ComponentDidMount
  • ComponentDidUpdate

Styling React Componenten

  • CSS globaal en lokaal
  • Inline styles
  • Werken met CSS Modules

User input verwerken

  • Werken met invoervelden
  • Meer formuliervelden: radio buttons, selectievakjes en dropdown-lijsten

Communicatie met externe API’s

  • Ajax-calls en resultaten verwerken
  • Werken met React Router
  • Alternatief: Reach Router
  • Routing Basics
  • Routing Parameters
  • Styling active links

React Forms

  • Gegevensinvoer verzamelen en verwerken
  • Formuliervalidatie

React Hooks in depth

  • useState hook
  • useEffect hook
  • ES6-syntaxis voor destructuring
  • Eigen hooks maken

Korte Introductie in Redux

  • State management design patterns
  • Actions, Reducers, Store
  • Redux flow
  • Deployment: React-applicaties online publiceren
Plaats Duur Data
Virtual Classroom 3 dagen 7 t/m 9 april 2026

7 april 2026 09:00 - 17:00 uur
8 april 2026 09:00 - 17:00 uur
9 april 2026 09:00 - 17:00 uur
Inschrijven >
Drachten - Kraaiheide 17 3 dagen 15 t/m 17 april 2026

15 april 2026 09:00 - 17:00 uur
16 april 2026 09:00 - 17:00 uur
17 april 2026 09:00 - 17:00 uur
Inschrijven >