React, Relay, and GraphQL

• Zrozumienie interfejsów API

Publiczność

• Deweloperzy

W latach następujących po 2010 r. przejście z natywnych platform internetowych na ich mobilne odpowiedniki wymagało bardziej wydajnego systemu żądania danych. W tym czasie firmy polegały na&nbspusługach RESTful, które okazały się wadliwe ze względu na ich niezdolność do dostosowania się do skomplikowanych żądań w aplikacjach React, co skutkowało powolnym czasem reakcji. Aby pokonać tę przeszkodę, inżynierowie Facebooka stworzyli usługi znane jako GraphQL i Relay. GraphQL upraszcza relację między klientem a API poprzez automatyzację żądań, podczas gdy framework JavaScript, Relay, zarządza danymi w aplikacjach React. Zarówno Relay, jak i GraphQL są używane do optymalizacji interfejsu użytkownika aplikacji React.

Szkolenie na żywo prowadzone przez instruktora (na miejscu lub zdalnie) jest przeznaczone dla programistów, którzy chcą korzystać z GraphQL i Relay do zarządzania danymi w aplikacjach React.

Po zakończeniu tego szkolenia uczestnicy będą w stanie

• Skonfiguruj niezbędne środowisko programistyczne, aby rozpocząć kontrolę danych dla aplikacji React.
• Dostarczanie natychmiastowych interakcji z interfejsem użytkownika.
• Agregacja danych z wielu bibliotek w jeden wygodny interfejs API.
• Wstępne pobieranie za pomocą GraphQL i Relay.

Format kursu

• Interaktywny wykład i dyskusja.
• Dużo ćwiczeń i praktyki.
• Praktyczne wdrożenie w środowisku live-lab.

Opcje dostosowywania kursu

• Aby zamówić niestandardowe szkolenie dla tego kursu, skontaktuj się z nami.

Wprowadzenie

Przegląd cyklu Web Development

• Kontrola wersji, kodowanie, tworzenie, testowanie i wdrażanie
• Automatyzacja procesu

Podstawy interfejsów API i&nbspich funkcjonalność

• Wzorce architektury sieciowej: wzorzec kompozytowy, wzorzec proxy i wzorzec fasady
• Operacje: zapytania i mutacje

Przygotowanie środowiska programistycznego

• Przygotowanie repozytorium kodu (GitHub, GitLab itp.)
• Instalacja NPM
• Przygotowanie zależności plików

Tworzenie aplikacji

• Tworzenie magazynu danych, który ładuje zawartość folderu danych
• Tworzenie pliku serwera i konfigurowanie GraphQL
• Uruchomienie React z Relay jako frameworkiem JavaScript
• Automatyzacja pracy dzięki wstępnemu pobieraniu
• Używanieróżnych zapytań, definiowanie właściwości w celu znalezienia krytycznych danych
• Dzielenie kodu danych przy użyciu Relay

Testowanie aplikacji

• Znajdowanie błędów w kodzie za pomocą JSHint
• Testowanie optymalizacji za pomocą web.dev

Zabezpieczanie aplikacji

• Uwierzytelnianie użytkowników

Rozwiązywanie problemów

Podsumowanie i wnioski