GraphQL: Wprowadzenie
Techniki Pracy
2 godz. 14 min · Full-stack i Programowanie
Przemysław NowakSoftware EngineerCzego się nauczysz
- Wyjaśnienie różnić pomiędzy REST API a GraphQL
- Omówienie trzech trzonów GraphQL czyli Query, Mutation, Subscription
- Wprowadzenie do biblioteki Apollo
- Wyjaśnienie jak korzystać z dokumentacji serwera GraphQL
- Stworzenie pełnoprawnej aplikacji Apollo GraphQL + React
Witaj w świecie grafów i zapytań
W GraphQLu niemal wszystko opiera się o zapytania, a dane i ich połączenia możesz sobie wyobrazić jako połączone ze sobą grafy. W kursie zobaczysz jak czytać grafy GraphQLa w oparciu o typy danych oraz nauczysz się jak używać - Query czyli esencji GraphQLa.
Mutacje czyli zapisywanie danych
Kiedy już będziesz zaznajomiony z tym jak tworzyć zapytania - nauczysz się jak tworzyć dane oraz je aktualizować. Zobaczysz, że z powodzeniem możesz używać filtrów, fragmentów i tworzyć dynamiczne mutację, tak samo jak zapytania. Wszystko to z podpowiedziami oraz wskazaniem dobrych praktyk w codziennej pracy.
Aplikacja w czasie rzeczywistym
Pewnie już nie raz słyszałeś o tzw. real time apps, czyli aplikacjach działających w czasie rzeczywistym, bez potrzeby pytania serwera o dane w interwałach czasowych - ponieważ serwer sam "powie" o tym, że ma dane, a co więcej Ci je przyśle. Tym dokładnie są subskrypcję w GraphQL, możesz z powodzeniem zasubskrybować się do zbioru danych, a kiedy pojawi się coś nowego, serwer wyśle ramkę z nowym contentem za pomocą kanału WebSocket. Tego jak go używać nauczysz się w tym kursie!
Apollo czyli narzędzie do łatwej komunikacji z GraphQL
Apollo Client zrewolucjonizował sposób w jaki można korzystać z GraphQL w aplikacjach Front-Endowych, poprzez szereg usług dla utrzymania oraz zarządzania cachem po stronie klienta, po wsparcie dla różnych frameworków takich jak React, Angular, Vue. W Kursie nauczysz się jak w szybki i prosty sposób zintegrować serwer GraphQL z aplikacją React przy użyciu Apollo.
GraphQL a rynek pracy
Jeżeli jesteś mobile lub web FrontEnd Developerem to z pewnością słyszałeś o wymaganiach dotyczących przynajmniej podstawowej wiedzy z GraphQLa. Nawet firmy, które mają stabilną architekturę opartą o REST API mają w wymaganiach GraphQL ze względu na użycie - czy to na małych mikro serwisach, czy poprzez plany migracji. Statystyki są nieubłagane - coraz więcej firm inwestuje w GraphQL ze względu na rewolucyjne podejście do pobierania danych oraz jego prostotę. Dlatego jeżeli spojrzymy na rynek pracy to możemy zobaczyć, że GraphQL staję się pewnego rodzaju "must have", którego z pewnością warto się nauczyć.
Dla kogo jest ten kurs?
Kurs ten jest skierowany do wszystkich mobile lub web Front-End Developerów czy też osób, które chciałyby po prostu od czegoś zacząć przygodę z GraphQL. Nie potrzebujesz żadnej kompleksowej wiedzy na temat konkretnej technologii, ponieważ skupimy się nad esencją GraphQLa starając się nie mieszać go z żadnym z języków programowania.
15.3.0 +
Na przestrzeni ostatnich lat GraphQL stał się bardzo popularny
dzięki nowemu podejściu do pobierania danych.
Aktualnie w arsenale większości firm na rynku pracy
może znaleźć właśnie tą technologię.
Firmy takie jak Facebook, Pinterest, Twitter czy AirBnB
postawiły na GraphQL'a i czynnie z niego korzystają.
Ja nazywam się Nowak Przemysław i chciałbym zaprosić Cię
do kursu GraphQL od podstaw.
Od pięciu lat pracuję jako software inżynier,
a aktualnie w firmie Brainly w zespole frontend infrastructure,
gdzie zajmujemy się utrzymywaniem i tworzeniem architektury
aplikacji frontendowych.
W kursie tym pokażę Ci GraphQL'a od całkowitych podstaw.
Dowiesz się jaką przewagę posiada GraphQL nad tzw. REST API.
Jak czytać grafy danych oraz czym jest elastyczny język zapytań i dlaczego daje
on ogromną przewagę nad innymi technologiami.
Następnie dowiesz się czym są query, inaczej mówiąc zapytania.
Jak pracować z playgroundem znanym również pod nazwą GraphiQL,
na którym będziemy pracować większość kursu,
aby skupić się wyłącznie na nauce GraphQL'a.
Pokażę Ci również jak pisać czyste query, dzielić zapytania na fragmenty oraz używać
zmiennych do wprowadzania elastyczności i re-używalności kodu.
Kolejno zobaczysz jak zaimplementować paginację, filtry czy dyrektywy
dzięki którym możemy pobierać dane warunkowo.
Tak jak wspomniałem wszystko to będziemy
przerabiać w otoczce playgrounda, gdzie również dowiesz się jak czytać
dokumentację danego serwera GraphQL,
czym są wbudowane oraz customowe typy danych.
Dodatkowo zobaczysz jak rozpoznać pola non-nullable
oraz dlaczego te wszystkie rzeczy są ważne do współpracy
z backend deweloperami.
W kolejnej sekcji kursu zajmiemy się mutacjami.
Wytłumaczę Ci jak działa synchroniczne zapisywanie danych
oraz jak tworzyć poprawne mutacje.
Dowiesz się jak dodawać dane oraz jak tworzyć relacje między grafami.
Innymi słowy pokaże Ci jak dodać dane do
dwóch relacyjnych podzbiorów naraz lub jak takie dane połączyć.
Na końcu sekcji pokażę Ci jak aktualizować dane,
co jak sam zobaczysz będzie bardzo podobne do dodawania.
W trzeciej sekcji kursu pokażę Ci czym są subskrypcję oraz jak ich używać.
Nauczysz się czym jest wzorzec publisher-subscriber
oraz jak działają Realtime Apps.
Podsumowując krótką sekcję stworzymy subskrypcję i będziemy
nasłuchiwać na dane w konkretnym zbiorze.
W ostatniej sekcji kursu pokażę Ci jak tą wiedzę wykorzystać na realnym przykładzie.
Do mockowej aplikacji React zainstalujemy Apollo Client,
gdzie pokaże Ci czym jest biblioteka Apollo,
jak ją skonfigurować oraz jak używać hooków, które udostępnia.
W całej aplikacji zaimplementujemy query, mutacje oraz subskrypcję
tak, abyśmy dotknęli każdej części GraphQL na realnym przykładzie.
Również zostawię trochę zabawy dla Ciebie, ponieważ nie zaimplementuję
wszystkich funkcjonalności, więc aplikacja ta będzie mogła stać się świetnym
poligonem do treningu i eksperymentowania z GraphQL.
Kurs ten skierowany jest do mobile lub web/frontend deweloperów,
czy też osób które po prostu chcą zacząć przygodę z GraphQL.
Nie potrzebujesz kompleksowej wiedzy na temat konkretnej technologii,
ponieważ na przestrzeni kursu nauczymy się esencji GraphQL'a,
nie mieszając go z żadnym z języków programowania.
To tyle tytułem wstępu.
Ja już teraz zapraszam Cię do pierwszej lekcji, gdzie zaczniemy przygodę z GraphQL.
.