Plan Szkolenia
Wprowadzenie
- React vs Angular i inne frameworki
Zrozumienie React
- JSX, komponenty i właściwości, cykl życia komponentu itp.
- Zarządzanie stanem aplikacji a stanem danych
Pisanie aplikacji React z wykorzystaniem ES6
- Składnia i funkcje ES6+, na które warto zwrócić uwagę
Konfiguracja środowiska deweloperskiego
Przegląd Node.js
Instalacja i konfiguracja Node.js
Przegląd Webpack i Babel
- Zrozumienie "transformacji" (tłumaczenie JSX na JavaScript)
Instalacja i konfiguracja Webpack
Instalacja i konfiguracja Babel
Instalacja React i ReactDOM
Pisanie pierwszej aplikacji React
Konfiguracja Webpack do śledzenia zmian w plikach źródłowych
Konfiguracja npm jako narzędzia do uruchamiania
Rozszerzanie aplikacji React o nowe komponenty
Implementacja architektury Flux i Redux w aplikacji React
Zrozumienie Flux i Redux
- Komponenty bezstanowe, akcje, reduktory, dyspozytory, middleware, kontenery itp.
Tworzenie wielu widoków w aplikacji React
Instalacja i konfiguracja Redux
Tworzenie prostej listy zadań z wykorzystaniem Flux/Redux (z mockowym API serwera)
Integracja backendu z aplikacją React: GraphQL i Apollo
Przegląd GraphQL
- Typy danych, schematy, struktura grafu i integracja z React
- Ograniczenia routingu RESTful
- GraphQL vs SQL
Pisanie zapytań GraphQL
Uwierzytelnianie użytkowników
Integracja React Router z GraphQL
Tworzenie prostego bloga z wykorzystaniem React i GraphQL
Testowanie aplikacji React
Przetwarzanie aplikacji React za pomocą skryptów npm z linii poleceń
Rozwiązywanie problemów
Struktura repozytorium aplikacji
Najlepsze praktyki w pisaniu kodu React
Wdrażanie aplikacji React
Słowo o aplikacjach mobilnych z React Native
Podsumowanie i zakończenie
Wymagania
- Doświadczenie w tworzeniu aplikacji internetowych
- Doświadczenie w programowaniu w JavaScript
- Znajomość React
Grupa docelowa
- Programiści
Opinie uczestników (3)
Duża wiedza z zagadnień objętych szkoleniem. Otwartość prowadzącego i dostosowanie treści i przebiegu szkolenia do uczestników.
Andrzej Kowalewski - ZETO Software SP. z o.o.
Szkolenie - Building Interactive Applications with React, Redux and GraphQL
* Praktyczne podejście, które pomogło nam lepiej zrozumieć temat. * Elastyczność nauczyciela w omawianiu tematów związanych z naszymi przypadkami użycia.
Juan Rial - Cegeka NV
Szkolenie - Building Interactive Applications with React, Redux and GraphQL
Przetłumaczone przez sztuczną inteligencję
Mimo że już miałem dobre znajomość tematu, na kursie dowiedziałem się wielu przydatnych rzeczy.
Stefan-Lucian Bucur - Cegeka NV
Szkolenie - Building Interactive Applications with React, Redux and GraphQL
Przetłumaczone przez sztuczną inteligencję