React Fundamentals
Deze cursus in het kort
- Locaties door heel Nederland
- Professionele docenten
- Inclusief certificaat
- 9.4 op Springest.nl
- Ook bij u op locatie
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