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 +
Witam Ciebie w ostatnim rozdziale w tym rozdziale chciałbym żebyśmy
stworzyli razem aplikację rakietową w oparciu o Graf Kowala a więc zanim
planujemy zarówno subskrypcję mutacje oraz gwary na realnej aplikacji frontowej
jak widzisz że znajdujemy się w terminalu ja już jestem w repozytorium.
Podstawy będę cię prosił abyś wyczerpał.
Bramka 0:1. Jak to zrobić.
Masz opisane w źródłach do tej lekcji.
Ja już na tym lunchu jestem.
I przejdziemy do aplikacji front App
a więc CD fronta i przejdziemy do lekcji 01.
I teraz tutaj musimy sobie zainstalować wszystko co tam mamy.
Jeżeli stajemy katalogi to jak widzisz są tutaj już pewne rzeczy.
Jest to po prostu instalacja Creative TAP
z pewnymi komponentu ami które dodałem na razie w wersji rockowej.
Więc zróbmy n.p.m. Instal.
Jak widzisz wszystko się już zainstalowano
a więc możemy z powodzeniem odpalić naszą aplikację więc zróbmy n.p.m. start.
I teraz nasza aplikacja się odpala.
Jak widzisz aplikacja nam się podpaliła na porcie.
Czy tysiące a więc jest to adres lokal choc 3 tysiące.
Jest to nowa aplikacja książek.
Jak widzisz mamy tutaj zakładki Bóg List czyli ta główna strona.
Mamy tutaj listopadzie jakieś książki jak
widzisz są to modowe dane jak na razie oraz mamy tutaj zakładkę art book.
Jeżeli przejdziemy w szczegóły mamy tutaj jakieś nowe dane.
Bóg oraz jeden komentarz również jakiejś rockowy.
Jeżeli przejdziemy do AD Bóg to jak widzisz tutaj mamy
formularz do dodawania książki.
I teraz możemy przejść do
kodu a więc odpalono już tutaj Visual Studio KOD.
Jak widzisz ta struktura katalogów wygląda tak jak klasycznie wklej traktat.
Poza tym że tutaj jeszcze mamy dodane komponenty blokad Bóg DTS oraz Bóg List
komet czyli to są dokładnie te komponenty które wyświetlają się na stronie.
Jeżeli przejdziemy do siebie to widzimy tutaj naszą aplikację jak
w pięty prosty jak autor oraz używamy tutaj jak atrapa do
instalowania tych rzeczy natomiast nie ma tutaj nie skomplikowanego na odpowiednich
autach mamy Bóg z blokad i w zasadzie Bóg List i to wszystko a więc
będziemy działać w oparciu o te komponenty.
Ja w tej lekcji chciałbym Ci pokazać jak zainstalować klienta Apollo
abyśmy mogli korzystać z wszystkich kłamliwych dobroci.
Jak widzisz jestem aktualnie na stronie Apollo klient jest to oficjalna
dokumentacja i mam tutaj wybranego klienta.
Jak możemy wybrać również klienta iOS Android lub Apollo Server.
Poza tym również mamy tutaj możliwość wybrania
Aguilera.
Na tej liście nie ma natomiast jeżeli w Google wpisze Apollo klient Angola lub
View to również taka dokumentacja istnieje.
My działamy w oparciu o akta więc jesteśmy do dokumentacji związanej z wyjazdem.
Kiedy przejdziemy do Get started to mamy
wszystkie informacje co musimy zainstalować aby móc używać gra w Kuala i
Apollo w naszej aplikacji rakietowej więc kupimy ten link i przejdźmy do terminala.
Ja tutaj mam odpalono drugie okno i jak widzisz tutaj jestem w katalogu już
01 i w tym katalogu odpala tę komendę n.p.m..
Apollo klient gra w KHL czyli tą komendę
którą Skopje baliśmy i poczekamy aż się wszystko zainstaluje.
OK. Jak widzisz wszystko się zainstalowano.
Możemy wrócić do przeglądarki i zobaczyć co musimy dalej zrobić.
Jak widzisz dalej musimy importować Apollo klienta oraz stworzyć
instancje klienta i wskazać odpowiedni URL do naszego serwera.
Możemy skopiować ten kod przejść do Visual Studio.
Teraz musimy stworzyć sobie plik z
klientem który będziemy importować naszej aplikacji.
Ja w katalogu serce tworzę nowy folder który nazwę gra w.
Serwis.
I w tym katalogu stwarza nowy plik który nazwę klient jest
w tym miejscu.
Kuleje ten kod Apollo klient oraz In Memory Cash pochodzą z biblioteki Apollo.
Klient czyli tej której dopiero zainstalowali.
To co musimy zrobić to skonfigurować URL dla naszego klienta.
Naszym celem jest adres lokal host.
Cztery tysiące czyli to jest dokładny adres do naszego
Ula i Play Granda na którym pracowaliśmy w poprzednich lekcjach.
OK teraz wróćmy do dokumentacji
tutaj mamy kilka informacji jak tworzyć gwary za pomocą klienta.
Natomiast również tutaj mamy sekcję Connect klient który jest
dokładnie tym się zajmiemy aby połączyć naszą aplikację rakietową z klientem.
Jak widzisz musimy importować Apollo Providence
i dodać go w naszym drzewie najlepiej u samej góry czyli w naszym AP.
James działa w oparciu o kontekst GPS.
Jeżeli nie jesteś w tym za poznane
Zachęcam cię do sprawdzenia innych kursów jak ta
na stronie Ed Webb tam na pewno jest to wszystko tłumaczone
jedynie co mogę Ci powiedzieć to to że
kontekst tej pierwszej działa tak jak design Jackson czyli to co mieliśmy wyżej
i zajęliśmy tego klienta będzie przekazywane niżej do wszystkich
komponentów i będziemy mogli z tego korzystać.
A więc wróćmy do kodu.
Przejdźmy do Apple jest.
Teraz tutaj u samej góry
importuje Apollo Providence a następnie w tym miejscu dodamy.
Musimy to również przekazać klienta a więc procesem który przyjmuje Apollo
klient jest klient i tego klienta musimy importować w naszym pliku klient jest nie
mamy go w eksportowane go więc na eksport jest klient i teraz możemy wrócić do
tego klienta za importować a więc import.
Klient.
Teraz musimy się cofnąć do ul. .
Services.
Klient
w porządku a więc daliśmy prawa idei i
teraz będziemy mogli korzystać w każdym z komponentu poniżej naszego klienta.
I to tyle w tej lekcji.
Słowem wstępu skonfigurować.
Apollo klient.
I teraz będziemy mogli z niego korzystać w
kolejnych komponentów a więc już teraz zapraszam Cię do kolejnej lekcji gdzie
pokażę ci jak używać gwary oraz huku od Apollo.