Kurs Apollo Client z React.js

Wprowadzenie

Koszyk Koszyk
  • Opis
  • Recenzje
  • Autor
  • Transkrypt
  • Pytania i odpowiedzi
  • QA

4 ocen

Wprowadzenie

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.

  1. Wyjaśnienie czym jest Apollo
  2. Skonfigurowanie aplikacji React z Apollo Client
  3. Przedstawienie useQuery, useMutation oraz useSubscription
  4. Wyjaśnienie jak działa najważniejszy feature Apollo Client czyli Cache
  5. Stworzenie w pełni działającej aplikacji React z Apollo
  6. Praktyczne rozwiązanie dotyczące testowania

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.

Dlaczego wybrać właśnie ten kurs?

  1. Kurs wideo to najbardziej efektywna a zarazem najprzyjemniejsza forma nauki. Jest on tak prowadzony, byś cały czas mógł go śledzić z zainteresowaniem i zaangażowaniem, a także czerpać satysfakcję ze zdobytej wiedzy!
  2. Wiedza, którą otrzymujesz w tym kursie, to nie tylko sucha teoria, ale również wskazówki od praktyka z wieloletnim doświadczeniem, dzięki którym dużo łatwiej będzie Ci opanować materiał i pracować efektywniej.
  3. Uczysz się na praktycznych przykładach. Kurs, który masz przed sobą to esencja praktycznej wiedzy i doświadczenia a także wzorów, które oszczędzą Ci godziny pracy i poszukiwań.

Autor: Przemysław Nowak

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.

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.

5

Średnia ocen autora

Ten kurs nie posiada jeszcze transkryptu. Choć bardzo się staramy, wygenerowanie transkryptów do wszystkich kursów jest bardzo czasochłonne. W wielu przypadkach wymaga zaangażowania drogiego oprogramowania i godzin pracy przy poprawianiu transkryptu tak, aby był on możliwie jak najlepszy.

Zależy nam na tym, aby przygotować transkrypty do wszystkich naszych treści. To jedyny sposób dla osób niedosłyszących, aby mogły wygodnie uczyć się technologii. Poza tym, transkrypty ułatwiają skanowanie kursu w poszukiwaniu informacji i jego indeksowanie.

Szukamy osób, które mogłyby nam pomóc w poprawianiu transkryptów. Jeśli masz chwilę wolnego czasu i interesuje Cię dany kurs, w zamian za taką pomoc chętnie udostępnimy Ci wybrany materiał. Wyślij swoje zgłoszenie tutaj, jeśli możesz pomóc nam rozwijać platformę.

  • Informacje
  • Lekcje

Autor: Przemysław Nowak

Czas: 3 godzin 17 minut

Wersja: -

Aktualizacja: 06.10.2021

  • Certyfikat w ramach Ścieżki
  • Dostęp z urządzeń przenośnych
  • Licencje dla firm i szkół
Podaruj w prezencie

Wstęp

  • Wprowadzenie

  • Czym jest Apollo?

  • Instalacja Backendu

  • Instalacja Frontendu

  • Overview Aplikacji React

Query i Cache

  • Wstęp do Apollo Hooks

  • useQuery hook

  • Wstęp do Apollo Cache

  • Paginacja

  • Ćwiczenie - Szczegóły produktu

  • Fragmenty

Mutacje

  • Mutacje - Cache

  • useMutation hook

Subskrypcje

  • Setup Apollo Subscriptions

  • useSubscription hook

Unit Testy

  • Testowanie Query

  • Testowanie mutacji

Zakończenie

  • Zakończenie

}