Plan Szkolenia
Wstęp
- React vs Angular i inne struktury
Zrozumienie React
- JSX, komponenty i rekwizyty, cykl życia komponentów itp.
- Zarządzanie stanem aplikacji a stanem danych
Pisanie React aplikacji w ES6
- Funkcje składni i ES6+, na które należy zwrócić uwagę
Konfigurowanie środowiska programistycznego
Przegląd Node.js
Instalacja i konfiguracja Node.js
Przegląd pakietu Webpack i Babel
- Zrozumienie „transformacji” (tłumaczenie JSX na JavaScript)
Instalacja i konfiguracja pakietu internetowego
Instalacja i konfiguracja Babela
Instalowanie React i ReactDOM
Napisanie pierwszej React aplikacji
Konfigurowanie pakietu WebPack do obserwowania zmian w plikach źródłowych
Konfigurowanie npm jako narzędzia do uruchamiania narzędzi
Rozszerzanie React aplikacji o nowe komponenty
Zaimplementuj Flux i Redux architekturę w React aplikacji
Zrozumienie strumienia i Redux
- Komponenty bezstanowe, akcje, reduktory, dyspozytorzy, oprogramowanie pośredniczące, kontenery itp.
Tworzenie wielu widoków w aplikacji React.
Instalacja i konfiguracja Redux
Tworzenie prostej listy rzeczy do zrobienia za pomocą Flux/Redux (z próbnym interfejsem API serwera)
Integracja backendu z twoją React aplikacją: GraphQL i Apollo
Przegląd GraphQL
- Typy danych, schematy, struktura wykresów i integracja z React
- Ograniczenia spokojnego routingu
- GraphQL kontra SQL
Pisanie GraphQL zapytania
Uwierzytelnianie użytkowników
Integracja React routera z GraphQL
Tworzenie prostego bloga za pomocą React i GraphQL
Testowanie aplikacji React.
Przetwarzanie React aplikacji za pomocą skryptów wiersza poleceń npm
Rozwiązywanie problemów
Struktura repozytorium aplikacji
Najlepsze praktyki dotyczące pisania React Kodu
Wdrażanie Twojej React aplikacji
A Word w aplikacjach mobilnych z React natywnym
Podsumowanie i wnioski
Wymagania
- Doświadczenie w tworzeniu aplikacji internetowych
- Doświadczenie w programowaniu javascript
- Znajomość React
Publiczność
- Deweloperzy
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
* 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
Szkolenie - 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.