Ta lekcja jest w bazie eduweb
Zaloguj się kontem z dostępem albo wykup dostęp do bazy, żeby obejrzeć wideo.
Lekcja 4/ 18Instalacja Frontendu
Apollo Client z React.js: Instalacja Frontendu
Czego się nauczysz
- Wyjaśnienie czym jest Apollo
- Skonfigurowanie aplikacji React z Apollo Client
- Przedstawienie useQuery, useMutation oraz useSubscription
- Wyjaśnienie jak działa najważniejszy feature Apollo Client czyli Cache
- Stworzenie w pełni działającej aplikacji React z Apollo
- Praktyczne rozwiązanie dotyczące testowania
Apollo Client z React.js - w Praktyce
Apollo to jeden z największych graczów w ekosystemie GraphQL, zarówno od strony Backendu jak i Frontendu. Ogromna społeczność oraz genialne rozwiązania technologiczne dają możliwość pisania aplikacji opartych o GraphQL w błyskawicznym tempie. W tym kursie poznasz czym jest Apollo Client i jak go używać razem z Reactem.
Jedna warstwa komunikacji
Jeżeli masz już doświadczenie w tworzeniu aplikacji komunikujących się z backendem to z pewnością wiesz czym jest ból niespójnego API oraz wielu sposobów wykonywania requestu po dane. Apollo rozwiązuje ten problem udostępniając jedno proste API do obsługi komunikacji z serwerem GraphQL. Nie musisz się martwić o to jak otworzyć kanał WebSocket dla subskrypcji czy o to jak napisać poprawny Query Document - to wszystko i jeszcze więcej dostarcza dla nas Apollo Client.
Server state + local state w jednym
Apollo 3 posiada niesamowity mechanizm cache, który pozwala zaoszczędzić czas na wykonywanie zapytań oraz setup bibliotek do przechowywania stanu serwera. Wszystkie request trafiają do warstwy pamięci podręcznej, którą zarządza dla nas Apollo - wybiera, dodaje oraz łączy odpowiednie podzbiory tak aby jak najmniej komunikować się z serwerem, a mimo to wiedzieć jaki jest jego stan. Dodatkową cechą mechanizmu Cache jest to, że może być łatwo użyty jako stan lokalny - bez potrzeby instalowania bibliotek takich jak Redux, jesteśmy w stanie stworzyć aplikację stateful w niesamowitym tempie!
Poprawne Unit Testy
Być może spotkałeś się już kiedyś z problemem Unit Testów, które działają - są na "zielono" ale mimo wszystko aplikacji jest zepsuta - to przykład źle napisanych jednostek. Komunikacja z serwerem i odbieranie danych to kluczowy element każdej aplikacji - dlatego ważne jest aby stworzyć poprawne unit testy, które będą nas chronić przed zepsutą aplikacją na produkcji. W kursie tym poznasz poprawny sposób na testowanie klienta Apollo, tak aby testy były stabilne i spełniały swoją rolę.
Błyskawiczne aplikacje
Z pewnością wyobrażasz sobie magiczne aplikację, które działają szybko bez potrzeby czekania na odpowiedzi z serwera oraz posiadające poprawne dane. Skoro tak, wiesz również, że stworzenie takich aplikacji wymaga wiele pracy, dodatkowych bibliotek oraz rozpisania każdego przypadku, tak aby wiedzieć kiedy dane są poprawne a kiedy trzeba zapytać serwer o nie jeszcze raz... A co jeżeli Ci powiem, że Apollo zrobi to za nas? Podejście Cache-First, o które oparta jest biblioteka klienta apollo dostarcza nam te wszystkie w/w cechy, a kurs ten pokaże Ci jak sprawnie posługiwać się tymi narzędziami.
Poważny Gracz w wielu stackach technologicznych
Apollo to poważny gracz w wielu stackach technologicznych. Jeżeli firma decyduje się używać GraphQL - który jest coraz bardziej popularny - to przeważnie w parze idzie Apollo. Dlatego w wielu ofertach pracy możesz spotkać tą technologię jako wymaganą. Zresztą, nie bez przyczyny, Apollo pozwala na sprawne, spójne oraz szybkie budowanie aplikacji czy to z Reactem, czy to z Angularem, Vue, Svelte oraz z Androidem czy iOS - mając jeden wspólny interfejs pracy, firmy są wstanie tworzyć aplikację w różnych technologiach komunikujących się z warstwą Apollo w jeden określony sposób.
Dla kogo jest ten kurs?
Kurs ten jest stworzony z myślą o FrontEnd developerach znających ReactJS oraz podstawy GraphQL, którzy chcą dodać do swojego arsenału technologicznego poważną broń jaką jest Apollo.
Linki
https://create-react-app.dev/docs/getting-started
Kurs Apollo Client z React.js
6 rozdziałów18 lekcji3h 17min
Wstęp
47min
- Wprowadzenie3min(zablokowana)
- Czym jest Apollo?8min(zablokowana)
- Instalacja Backendu8min(zablokowana)
- Instalacja Frontendu16min(zablokowana)
- Overview Aplikacji React13min(zablokowana)
Query i Cache
1h 19min
- Wstęp do Apollo Hooks9min(zablokowana)
- useQuery hook18min(zablokowana)
- Wstęp do Apollo Cache15min(zablokowana)
- Paginacja18min(zablokowana)
- Ćwiczenie - Szczegóły produktu11min(zablokowana)
- Fragmenty7min(zablokowana)
Mutacje
28min
- Mutacje - Cache11min(zablokowana)
- useMutation hook17min(zablokowana)
Subskrypcje
16min
- Setup Apollo Subscriptions4min(zablokowana)
- useSubscription hook12min(zablokowana)
Unit Testy
28min
- Testowanie Query20min(zablokowana)
- Testowanie mutacji7min(zablokowana)
Zakończenie
1min
- Zakończenie1min(zablokowana)
Ten kurs jest w bazie eduweb
Dostęp do wszystkich kursów z bazy eduweb za 199 zł/mies.
Autor kursu
Bio
Od 5 lat pracuję jako Software Engineer z naciskiem na technologie Front-Endowe. Wcześniej pracowałem jako freelancer kodując strony www oraz tworząc layouty. Aktualnie pracuję w firmie Brainly w teamie Infrastructure gdzie zajmujemy się tworzeniem i utrzymywaniem architektury aplikacji Front-endowych. Moja codzienna praca to wyszukiwanie nowych rozwiązań technologicznych, wdrażanie ich oraz kładzenie dużego nacisku na wydajność. W moich kursach chciałbym przekazywać dużą dawkę praktycznej wiedzy razem ze wskazówkami jak pracować wydaje i zgodnie z dobrymi praktykami.