GraphQL w React #3 – cache, WebSocket i debugowanie w Apollo Client

Ten post jest trzecim z serii o GraphQL:


Spis Treści

  1. Wprowadzenie
  2. Zarządzanie cache w Apollo Client
    1. Cykliczne powtarzanie zapytania do serwera
    2. Ręczna aktualizacja cache
  3. Dwukierunkowa komunikacja z serwerem za pomocą Subscription i WebSocket
    1. Obsługa Subscriptions i WebSocket na serwerze
    2. Obsługa Subscriptions i WebSocket na kliencie
    3. Kod obu aplikacji na Github
  4. Debugowanie za pomocą Apollo Developer Tools
    1. Zakładka GraphQL
    2. Zakładka Queries
    3. Zakładka Mutations
    4. Zakładka Cache
  5. Podsumowanie

Wprowadzenie

Poprzednie dwa posty omówiły podstawy zastosowania GraphQL zarówno na stronie serwera jak i klienta. Możliwości Apollo Client wykraczają jednak daleko poza wysyłanie zapytań na serwer.

Czym więc zajmiemy się w tym wpisie?

  1. Cache’owaniem danych przez Apollo Client
  2. Dwukierunkową komunikacją pomiędzy serwerem a klientem
  3. Debugowaniem za pomocą Apollo Developer Tools

Zmęczenie wadami podejścia REST oraz rosnąca popularność GraphQL powodują, że warto przeczytać ten post i zgłębić wiedzę na temat Apollo Client.

Kod tego posta będzie rozszerzeniem kodu 2 poprzednich: GraphQL w React #1 – poznaj podstawy GraphQL! oraz GraphQL w React #2 – połącz się z serwerem dzięki Apollo Client.

Czytaj dalej GraphQL w React #3 – cache, WebSocket i debugowanie w Apollo Client

Dotychczasowa działalność Frontcave na Youtube

Spis Treści

  1. Wprowadzenie
  2. Dotychczasowe nagrania
    1. CSS GRID – webinar Tarnow Devs
    2. Redux Toolkit – wprowadzenie
    3. Niemutowalność w React z ImmerJS – wprowadzenie
  3. Podsumowanie

Wprowadzenie

Poza wpisami na blogu, istnieje kanał Frontcave na Youtube. Choć w tym momencie nie jest on tak aktywny jak sam blog, są już plany na kolejne nagrania. Tutaj zaprezentowane zostaną dotychczasowe nagrania.

Czytaj dalej Dotychczasowa działalność Frontcave na Youtube