In een notendop
| Doelstelling | React is wereldwijd het meest gebruikte frontend framework. In deze training leer je de structuur en architectuur van React-applicaties en hoe je zelf React-webapplicaties maakt. Je gaat aan de slag met componenten, API's, routing en nog veel meer. |
| Duur | 2-3 dagen |
| Voorkennis | JavaScript, enige HTML en CSS, OO-principes |
| Prijs | €1495,- bij 3 dagen
(informeer naar groepskortingen!)
|
In detail
React is waarschijnlijk de populairste frontend 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.
React is geheel gebaseerd op Componenten. Deze worden geschreven in ES6/ECMAScript 2015 (de nieuwe versie van JavaScript). Gedegen JavaScript-kennis is dan ook van belang. Vervolgens wordt de applicatie opgebouwd als een boomstructuur van componenten.
In de training wordt ingegaan op de best practises rondom de structuur en architectuur van React-applicaties en leer je alle conventies om snel met deze library aan de slag te gaan.
In de training wordt daarnaast aandacht besteed aan moderne manieren om React-componenten te maken, met functies, Redux en React Hooks.
Voorkennis
- Goede kennis van HTML en CSS.
- JavaScript-kennis op gevorderd niveau.
- Ervaring met andere frameworks (Angular of Vue) is handig, maar niet beslist noodzakelijk.
- Enige kennis van NodeJS en het installeren van packages.
Beknopte inhoud
- Kennismaken met React
- Waarom React?
- De werkomgeving instellen
- Kenmerken van React-applicaties
- Tooling: npx, create-react-app, NodeJS, React DevTools
- Je eerste React -applicaties
- Het project maken
- De homepage aanpassen
- Hello World- en meer componenten
- Componenten uitbreiden
- Debugging
- React in detail
- Data en state in componenten
- Props doorgeven
- 'Lifting state up'
- Werken met externe data (json)
- Lifecycle hooks
- React hooks gebruiken en zelf schrijven
- Routing via react-router
- Communicatie met externe API's
- Applicaties builden en deployen
