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
 28 hodiny

Počet účastníků


Cena za účastníka

Reference (2)

Nadcházející kurzy

Související kategorie