In een notendop

Doelstelling
React is het meest gebruikte frontend framework. Leer zelf React-applicaties maken.

Zie reacttraining.nl voor meer details.

Duur 2-3 dagen
Voorkennis JavaScript, enige HTML en CSS, OO-principes
Prijs
€1395,- 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 leert u 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
  • Uw 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
Meer informatie of inschrijven!
Logo van React Fundamentals