Techniki Pracy
2 godz. 14 min · Full-stack i Programowanie
Przemysław NowakSoftware EngineerW 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.
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.
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 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.
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ć.
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 +
W tej lekcji pokażę ci na praktycznym przykładzie jak używać subskrypcji.
Będziemy się obserwować na dodanie komentarza.
Kiedy spojrzymy w dokumentację to w dziale subskrypcji mamy tak naprawdę jedną
subskrypcję a więc tylko chwilowo możemy siłą rzeczy zaimplementowane.
Jest to subskrypcja komentarzy
która będzie wsłuchiwać czy jakiś komentarz został dodany
żeby ją zaimplementowane.
Musimy również stworzyć sobie mutację do dodawania komentarzy
również tutaj w New Station mamy koment więc na początku ją zaimplementowane
medalion.
Możemy ją nazwać komend
na której użyjemy metody komend.
Myślę że jest już to bardzo dobrze znane
i teraz podamy tutaj komendę tekst.
Przejdźmy do komendy.
No i musimy tutaj podać Bug IT content oraz AP.
A jeżeli nie podamy to będzie domyślnie
Falls więc możemy również dodać od razu komentarz zaaprobowany.
Podamy blokady.
Natomiast żeby mieć blokadę może weźmy z historii jakiś Get Bug
i wykonamy covery i teraz mamy tutaj jakąś książkę możemy ten id skopiować
i podać go tutaj.
Czyli ten komentarz będzie przypisany do tej książki.
Teraz podajemy kontent.
I to będzie
koment może coś takiego.
I
możemy dodać od razu zaaprobowany komentarz.
Ok.
Kolejną rzeczą to wybranie pól ponieważ AD koment również tutaj ma typ komend.
Czyli taki komentarz zostanie zwrócony.
Możemy po prostu pobrać komplet
OK teraz jeżeli dodamy ten komentarz
to znajdzie się w tej książce bo jej zdaniem przypisany.
Natomiast zanim to zrobimy może w nowej zakładce napiszemy subskrypcję
subskrypcję definiujemy przy użyciu słowa
kluczowego subskrypcję czyli wpisując subskrypcję.
Ale już to podpowiada.
Możemy taką subskrypcję również nazwać można ją nazwać komend.
Jak widzisz działa to bardzo podobnie do mutacji.
Czy do qwerty możemy tutaj używać tych samych rzeczy
i teraz musimy wpisać metodę na której będziemy się Słupsk próbować.
My będziemy używać komend nawet komend HD
i komend nawet przyjmuje jakieś argumenty.
Innymi słowy przyjmuję argument Buka IT
Buka idę ponieważ chcemy się zasób spróbować na konkretną książkę.
Nie chcemy Słupsk próbować wszystkich
komentarzy tylko i wyłącznie na konkretną książkę czyli w widoku może
sobie wyobrazić że jesteśmy na szczegółach jakiejś książki i automatycznie pojawiają
się tam komentarze a nie musimy odświeżyć stronę na przykład.
A więc stwórzmy tutaj blokadę i piszemy ten sam który używamy w mutacji.
OK.
Również tutaj w subskrypcję musimy wybrać pola.
Tutaj widzisz tymi polami są koment.
Czyli nie możemy tutaj zwrócić bula i wybierzmy
content.
Kontent nam jasno powie czy to jest ten
sam komentarz który dodajemy w tym miejscu.
Ja tutaj sobie szybko podzieliła ekran na
dwa abyś mógł to zobaczyć że to się rzeczywiście dzieje w czasie rzeczywistym
czyli odpalił tę subskrypcję na początku na tym ekranie
i jak widzisz mamy teraz tutaj lider oraz
na dole widać że ta subskrypcja na suche dane
teraz jeżeli wykonamy tę mutację czyli dodamy nowy komentarz
to jak widzisz stało się to dynamicznie i otrzymaliśmy ten nowy komentarz czyli
dokładnie ta subskrypcja otrzymała te dane.
Jak widzisz ona cały czas nas wychowuje
więc teraz gdybyśmy dodali kolejny komentarz
i kolejne
to te dane cały czas się pokazują ponieważ to jest cały czas.
Tak samo będzie działało to w aplikacji.
Możemy przerwać posługiwanie
i to w zasadzie wszystko w tej lekcji a więc subskrypcję są bardzo proste.
Tak jak widzisz działa to podobnie do mutacji oraz do gwary.
Język jest ten sam również możesz tutaj
używać fragmentów możesz używać zmiennych czy ale czasów nie ma to znaczenia.
Jedyne co czym to się różni to tak naprawdę używanie słowa kluczowego
subskrypcję oraz dokładne czytanie dokumentacji.
A już teraz zapraszam Cię do kolejnego rozdziału.
Tworzymy aplikacje jak i zaimplementowane
te wszystkie rzeczy jak qwerty subskrypcję czy Motion.
I to wszystko przy pomocy Apollo klient.