Návrh Školení
Úvod
- React vs Angular a jiné rámecové systémy
Pochopení Reactu
- JSX, komponenty a props, životní cyklus komponent, atd.
- Správa stavu aplikace vs. stav dat
Písání Reactových aplikací s ES6
- Syntaxe a funkce ES6+ k sledování
Nastavení vývojového prostředí
Přehled Node.js
Instalace a konfigurace Node.js
Přehled Webpacku a Babelu
- Pochopení "transformace" (překlad JSX na JavaScript)
Instalace a konfigurace Webpacku
Instalace a konfigurace Babelu
Instalace Reactu a ReactDOMu
Písání první Reactové aplikace
Nastavení WebPack k sledování změn ve zdrojových souborech
Nastavení npm jako nástroje spouštěče
Rozšiřování Reactové aplikace novými komponenty
Implementace architektury Flux a Redux do Reactové aplikace
Pochopení Fluxu a Reduxu
- Besklové komponenty, akce, reducery, dispečery, middleware, kontejnery, atd.
Vytváření více zobrazení v Reactové aplikaci
Instalace a konfigurace Reduxu
Vytvoření jednoduchého seznamu úkolů s Flux/Redux (s mock server API)
Integrace back-endu do vaší Reactové aplikace: GraphQL a Apollo
Přehled GraphQL
- Datové typy, schémata, grafická struktura a integrace s Reactem
- Omezení RESTful routingu
- GraphQL vs SQL
Písání GraphQL dotazu
Autentizace uživatelů
Integrace React Routeru s GraphQL
Vytvoření jednoduchého blogu s Reactem a GraphQL
Testování vaší Reactové aplikace
Zpracování Reactových aplikací pomocí npm skriptů příkazové řádky
Řešení potíží
Sestavování repozitáře aplikace
Osvědčené postupy pro písání Reactového kódu
Nasazení vaší Reactové aplikace
Slůvko o mobilních aplikacích s React Native
Závěr a uzavření
Požadavky
- Zkušenosti s vývojem webových aplikací
- Zkušenosti s programováním v JavaScriptu
- Obrněnost s Reactem
Cílová skupina
- Vývojáři
Reference (2)
* The hands-on approach, which helped us understand the subject matter better. * The teacher's flexibility in covering topics that are relevant to our use cases.
Juan Rial - Cegeka NV
Kurz - Building Interactive Applications with React, Redux and GraphQL
Although I had a pretty good knowledge of the subject already, I found out a lot useful stuff during the course.