Building Interactive Applications with React, Redux and GraphQL

• Doświadczenie w tworzeniu aplikacji internetowych
• Doświadczenie w programowaniu javascript
• Znajomość React

Publiczność

• Deweloperzy

React to Java biblioteka skryptów do tworzenia szybkich i płynnych interaktywnych stron internetowych. Wraz z architekturą Flux i językiem zapytań GraphQL można budować niezwykle wydajne i wydajne aplikacje internetowe.

W tym prowadzonym przez instruktora szkoleniu na żywo uczestnicy dowiedzą się, jak budować React aplikacje przy użyciu Flux i GraphQL. Kurs obejmuje instalację, konfigurację, integrację, testowanie, wdrażanie i najlepsze praktyki, ponieważ prowadzi uczestników przez tworzenie serii przykładowych aplikacji, które pokazują, jak dodać dodatkowe poziomy złożoności i "fajności" do aplikacji przy użyciu najbardziej zaawansowanych zestawów narzędzi i technik.

Tworzenie aplikacji z React wymaga innego rodzaju myślenia, w porównaniu do tego, do czego niektórzy programiści są przyzwyczajeni, zwłaszcza gdy pochodzą z innych frameworków MVC, takich jak AngularJS i Bootstrap.

Szkolenie obejmuje podstawy technologii wykorzystywanych na każdym etapie, dzięki czemu uczestnicy są w stanie nie tylko zbudować funkcjonalną aplikację, ale także zrozumieć, dlaczego stosuje się określone podejście. Daje to podstawy do samodzielnego i kreatywnego myślenia o projekcie i pożądanych rezultatach budowania własnych aplikacji w przyszłości.

Format kursu

• Część wykładu, część dyskusji, ćwiczenia i ciężka praktyka praktyczna

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