Návrh Školení
Vývoj moderních frontendových aplikací
- Přehled a podobnosti Reactu, Angularu a Vue.js
- Deklarativní vykreslování
- Komponenty – definování vlastních HTML tagů
- Použití create-react-app k inicializaci projektu React
Moderní JavaScript
- Vývoj pomocí node.js a npm
- Versions JavaScriptu
- Práce s moduly
- Funkce a šipkové funkce
- Třídy
- Funkcionální programování v JavaScriptu (map, filter, ...)
TypeScript
- Statické vs. dynamické typování
- Deklarace typů proměnných, funkcí a tříd
- Zádatá data typy
- n-tice, objekty
- Rozhraní (interfaces)
- Generiky
Šablonovací jazyk Reactu
- Na JavaScriptu založený šablonovací jazyk: JSX
- Nastavování vlastností elementů
- Opakování elementů
- Podmínky if / else
- Události
- CSS třídy a styly
Správa stavu v Reactu
- Nastavení a změna stavu aplikace
- Použití háčku state hook a setState
- Zachycování obsahu vstupních prvků ve stavu
Komponenty: Stavební kameny moderních webových aplikací
- Definování vlastních HTML tagů v Reactu
- Stav, vlastnosti (props) & události
- Přenos dat mezi komponentami
- Funkční komponenty a třídové komponenty
- Použití hooků ve funkčních komponentách
- Životní cyklus komponent (mount, update, unmount)
- Zařazení předdefinovaných komponent z knihovny
Správa stavu pomocí Reduxu
- Základy Reduxu: správa stavu pomocí čistých funkcí, reducerů a neměnných dat
- Použití háčku reducer v Reactu
- Integrace Reduxu do aplikace React
- Prediktivní a kontejnerové komponenty
- Ekosystém Redux
- Práce s asynchronními událostmi pomocí Thunk
- Získávání dat z REST API
Vývojářské nástroje a testování
- Vývojářské nástroje React
- Vývojářské nástroje Redux
- Testování JavaScriptu pomocí Jest
- Testování reducerů
- Testování komponent React
React Router
- Směrování na straně klienta (client-side routing)
- Zobrazení odlišných pohledů na základě aktuální trasy v prohlížeči
Vývoj aplikací s Reactem
- Kratký přehled React Native
- Vytvoření instalovatelné mobilní a desktopové aplikace pomocí Progressivních webových aplikací (PWA)
- Srovnání Progressivních webových aplikací a nativních aplikací
Požadavky
- Základy HTML
- Znalost JavaScriptu
Reference (7)
Bylo opravdu velmi přínosné získat konečně pevné pochopení některých klíčových konceptů v Reactu, zejména stavů (state) a hooks. Łukasz je vysvětloval velmi jasně a ochotně pracoval s praktickými příklady, aby nám pomohl vyjasnit další otázky, které jsme měli.
Hayden Pike - Powerlink Queensland
Kurz - React, Redux and TypeScript
Přeloženo strojem
Podrobnosti, způsob vysvětlování a klid a sebejistota, které instruktor inspiruje.
Cosmin Ghergheles - Ness
Kurz - React, Redux and TypeScript
Přeloženo strojem
Zabývalo se základními komponenty
Valentin
Kurz - React, Redux and TypeScript
Přeloženo strojem
Lukaszkův nadšení.
Eloise Phelps - Dunelm
Kurz - React, Redux and TypeScript
Přeloženo strojem
Jak Luke skvěle pomáhal lidem individuálně, když měli problémy s během kódu. Luke byl neobyčejně přátelský a vycházel si dobře s účastníky kurzu.
Jonathan Grout - Dunelm
Kurz - React, Redux and TypeScript
Přeloženo strojem
Zásah školenáře vůči všem účastníkům byl skvělý, každý dostal pomoc v nějaké fázi kurzu. Byla to celkově skvělá zkušenost, zejména pro lidi neznající danou oblast.
Tayyab Ejaz Mushtaq - Dunelm
Kurz - React, Redux and TypeScript
Přeloženo strojem
Oceňuji, že se jednalo o bezpečné prostředí a necítil jsem se nesvůj při sdílení své obrazovky nebo svých potíží s instruktorem nebo skupinou.
Wanda Hawkins-Kavanagh - Dunelm
Kurz - React, Redux and TypeScript
Přeloženo strojem
