React avancé
Georganiseerd door:
Opleidingspartners:
Beschrijving
De cursus omvat de volgende technische inhoud
- Geavanceerde grondbeginselen van React
- Gebruik van TypeScript
- Prestatieoptimalisatie en gegevensbeheer
- Toepassingen met één pagina en routing
- Inleiding tot isomorfe ontwikkeling
Deze cursus is bedoeld voor iedereen die bekend is met het React Framework.
Wat zijn de doelstellingen van de opleiding?
De doelstellingen van deze training zijn:
- Verdiep hun begrip van de React-bibliotheek
- De "One way data flow" architectuur en de implicaties voor gegevensbeheer onder de knie krijgen
- De prestaties van React-toepassingen optimaliseren met behulp van het begrip onveranderlijkheid
- Leren hoe je applicaties met één pagina maakt
- Inleiding tot isomorfe React-toepassingen met Next.js
Wat moet je weten om de cursus te volgen?
- Gevorderde kennis van Javascript of Typescript.
- Ervaring met ontwikkeling in React.
Opleidingsprogramma
React Fundamentals voor gevorderden
- Korte inleiding
React filosofie
Vergelijking met andere JavaScript frameworks
Ontwikkelomgeving en debugging tools
- React componenten in de diepte
○ Gebruik van hooks in functionele componenten
○ Gebruikersinteractie met componenten
Componenten optimaliseren
- Typing toevoegen aan React-componenten met TypeScript
Gecentraliseerd gegevensbeheer
- Presentatie van de verschillende technologieën voor toestandsbeheer
- (Redux, MobX, context, Recoil, enz.)
- Presentatie van hoe de Redux store werkt.
Rol van de action dispatcher
Rol van de Reducer
- Redux opzetten met React
○ One way data flow architecturen met Redux
○ De Redux Toolkit gebruiken
- Reducers en Action creators opzetten
Toepassingen met één pagina en routing
- Routing in React toepassingen
○ Presentatie van de verschillende Routing bibliotheken
Routing opzetten
- Gevolgen van routing voor implementatie
Inleiding tot isomorfe ontwikkeling
- Presentatie van de verschillende React frameworks (Next.js, Remix, Gatsby)
Doel van isomorfe ontwikkeling
○ Korte introductie over hoe het Next.js framework werkt
Praktische oefeningen
- Een React-applicatie maken met TypeScript
- Het opzetten van een single-page applicatie
- Omgaan met data stores met Redux