Návrh Školení
Úvod
- React vs Angular a další frameworky
Pochopení React
- JSX, komponenty a rekvizity, životní cyklus komponent atd. Správa stavu aplikace vs stav dat
Psaní React aplikací pomocí ES6
- Syntaxe a funkce ES6+, na které je třeba dávat pozor
Nastavení vývojového prostředí
Přehled Node.js
Instalace a konfigurace Node.js
Přehled Webpack a Babel
- Pochopení "transformace" (překlad JSX do JavaScript)
Instalace a konfigurace Webpacku
Instalace a konfigurace Babel
Instalace React a ReactDOM
Psaní své první React žádosti
Konfigurace WebPack pro sledování změn zdrojových souborů
Konfigurace npm jako Tool Runner
Rozšíření aplikace React o nové komponenty
Implementujte architekturu Flux a Redux do aplikace React
Pochopení Flux a Redux
- Bezstavové komponenty, akce, redukce, dispečeři, middleware, kontejnery atd.
Zabudování více pohledů do aplikace React
Instalace a konfigurace Redux
Vytvoření jednoduchého seznamu úkolů pomocí Flux/Redux (s rozhraním API pro simulované servery)
Integrace backendu s vaší aplikací React: GraphQL a Apollo
Přehled GraphQL
- Datové typy, schémata, struktura grafů a integrace s React omezením klidného směrování GraphQL vs SQL
Psaní GraphQL dotazu
Ověřování uživatelů
Integrace React routeru s GraphQL
Vytvoření jednoduchého blogu pomocí React a GraphQL
Testování vaší React aplikace
Zpracování React Aplikace se skripty příkazového řádku npm
Odstraňování problémů
Strukturování úložiště aplikací
Nejlepší postupy pro psaní React kódu
Nasazení vaší React aplikace
A Word o mobilních aplikacích s React Native
Shrnutí a závěr
Požadavky
- Zkušenosti s vývojem webových aplikací
- Zkušenosti s programováním v Javascriptu
- Znalost React
Publikum
- 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.