React JS avancé
Georganiseerd door:
Opleidingspartners:
Beschrijving
Verfijn je React-vaardigheden om geavanceerde, hoogwaardige
interfaces te ontwikkelen.
Deze cursus is gericht op gevorderde React-ontwikkelaars.
De technische inhoud van deze cursus is:
→ Geavanceerde grondbeginselen van React JS
→ Prestatieoptimalisatie
en gegevensbeheer
→ Single-page, isomorfe toepassingen en routing
Wat zijn de doelstellingen van de opleiding?
→ Hun kennis van de bibliotheek verdiepen
ReactJS bibliotheek
→ Verken geavanceerde concepten zoals JSX en ES6
→ Leer de Flux-architectuur en de implicaties ervan voor
voor gegevensbeheer
→ Optimaliseer de prestaties van React
toepassingen met behulp van het begrip onveranderlijkheid
→ Begrijp de verschillende benaderingen van styling
React componenten
→ Implementeer geavanceerde functionaliteiten
zoals Ajax en formulierbeheer
→ Leer hoe u single-page
en isomorfe toepassingen maakt met ReactJS en Next.js
Wat moet je weten om de cursus te volgen?
Voorkennis van Javascript. Basisopleiding in React JS of gelijkwaardige ervaring.
Opleidingsprogramma
Grondbeginselen van React JS
● Inleiding tot React JS
○ React filosofie
○ Vergelijking met andere JavaScript frameworks
○ Het opzetten van de ontwikkelomgeving en debugging tools
● Wat is er nieuw in ECMAScript?
○ Inleiding tot ECMAScript
○ Nieuw in ES6/ES2015
○ Inleiding tot ES2017 "async" functies
● React componenten
○ Functionele en klasse componenten
○ Samenstelling van meerdere componenten
○ Levenscyclus van een klassecomponent
○ Gebruik van hooks in functionele componenten
Prestatieoptimalisatie en gegevensbeheer
● Opmaak van React componenten
○ Verschillende benaderingen om een component te stylen
○ Gebruik van bibliotheken zoals "styled-components" en Emotion
● Gebruikersinteractie met componenten
○ Beheer van gebeurtenissen zoals klikken en mouseover
○ Manipulatie van het virtuele DOM
● Gecentraliseerd gegevensbeheer
○ Presentatie van verschillende beheertechnologieën (Redux, MobX, context, Recoil, enz.)
○ Redux begrijpen: de winkel en acties
○ Reducers voor acties maken
○ Redux gebruiken met React
Monopage, Isomorphic en Routing toepassingen.
● Monopage toepassingen met React JS
○ Vergelijking van Flux en Redux architecturen
○ Aanmaken van views en controllers in Flux
○ Rol van de Dispatcher, Store, Reducer en Actions
● Routing in React-toepassingen
○ Presentatie van de verschillende Routers
○ Gebruik van HashRouter of PushState
○ Gevolgen van routing op inzet
● Isomorfe ontwikkeling met React en Next.js
○ Inleiding tot Node.js
○ Voordelen van isomorfische ontwikkeling
○ Inleiding tot het Next.js Framework
Praktische oefeningen
● Een ontwikkelomgeving opzetten
● Een formuliergenerator in JSX maken
● Aanmaken van een set UI componenten
● Manipuleren van data stores met Redux of andere management technologieën.