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 Cię w pierwszej lekcji w której zajmiemy się mutacjami
tak jak już wspomniałem mutacje tworzy się za pomocą słowa kluczowego
czyli zamiast pisać tej gwary po prostu napisałem napiszemy medalion.
A jak widzisz gra już podpowiada składnia.
Czyli mutacje i podajemy TUTAJ to co chcemy zrobić czyli
metodę którą chcemy wywołać dla danej mutacji.
Również możemy nazwać te mutację czyli dokładnie analogicznie jak działa QWERTY.
Powiedzmy że nazwiemy te mutacje AD Bug ponieważ będziemy chcieli dodać książkę.
Przejdźmy do dokumentacji i tutaj w dziale stadion mamy metodę Book.
Będziemy na nią i to co widać to Bóg posiada jeden argument.
Jest to Bóg DTS.
Jest to book DTS który ma typ Book Impact.
Kiedy przejdziemy do tych argumentów i
przejdziemy do szczegółów tego detale to widać że jest to tip Book punkt który
oczekuje że to dany tytuł oraz autorstwa autorów.
Jest to kolejny nowy typ czyli autor serii
Lion Impact i służy on do połączenia lub stworzenia autora.
To jak tworzyć rewelacyjne dane pokaże Ci w kolejnej lekcji.
Natomiast w tej lekcji po prostu połączymy jakiegoś autora z nowo dodaną książką.
To co jeszcze chciałbym przygotować to w nowej zakładce wejdziemy do historii.
Wybierzmy gwary Get Bucks
i wykonamy je żebyś zobaczył że mamy teraz dokładnie cztery książki.
Wróćmy teraz do zakładki gdzie tworzymy
mutacje możemy ją nazwać będzie nam łatwiej.
Możemy nazwać ją jak np.
i teraz będziemy używać tej metody AD Bug.
Z dokumentacji
przejdźmy do dokumentacji i musimy podać jakieś szczegóły.
Czyli Bóg detektyw to będzie nasz pierwszy argument.
Będzie to obiekt.
Ponieważ przekazujemy boki bud które jest obiektem i oczekuje na tytuł oraz autorski
dajmy tutaj tytuł
niech to będzie
nas Bóg.
I teraz musimy również podać jakiegoś autora.
Powiedzmy że to pola autorskie
również musi być tzw.
obiektem ponieważ musimy mu przekazać
Connect albo my połączymy jakiegoś autora kiedy wejdziemy w pole Connect
to jak widzisz jest to kolejny typ Nation import.
Teraz masz bardzo fajne drzewko jak odczytywać te typy które jak widzisz
wszystko układa się w jedną całość i w kontekście musimy podać tablicę z IT.
Tak naprawdę książka może mieć kilku
autorów więc możemy podać kilka ID takich autorów którzy już istnieją w bazie danych
więc podajemy tutaj kontekst
i znowu obiekt ponieważ ten obiekt.
Connect Nation put oczekuje na adres.
I to będzie tablica
możemy taki akt skopiować sobie tutaj na przykład z tego gwary.
Natomiast jeszcze wcześniej po bierzmy je. OK.
Powiedzmy że weźmiemy sobie Hansa roz Langa
czyli co pijemy to idę.
Podajemy
i możemy dodać jeszcze jeden na jeden i niech to będzie np.
Daniel Wall czyli dwójka napisali tą naszą nową książkę.
Super i teoretycznie nasza mutacja jest gotowa.
Natomiast jak widzisz Rafael Nadal mówi że jest coś nie tak.
Otóż El mówi że to pole a Bóg zwraca Bóg i musi mieć jakąś selekcję pól.
Czyli jeżeli wrócimy do dokumentacji
i popatrzymy na buk to widzimy że zwraca
nam książkę czyli podobnie jak qwerty musi tutaj coś zwracać.
Często zdarza się że jest to jakiś status
operacji na przykład czy jest to sukces czy error
lub coś takiego a często zdarza się że po prostu zwraca nam dana operacja właśnie
Nowo dodaną książkę więc musimy tak samo jak w przypadku
QWERTY pobrać dane tej książki jest to Bóg czyli możemy podać idę to autor itd.
My po prostu bierzemy sobie tytuł.
Ewentualnie moglibyśmy jeszcze pobrać w
zasadzie autobus żeby wiedzieć że autor został połączony.
Teraz mi to troszeczkę zasłania i bierzemy sobie oraz laskę.
Teraz powinniśmy mieć tablice z dwoma
autorami ponieważ takich dwóch autorów tutaj łączymy przy pomocy Connect i ID
czyli tu w ten sposób już tworzymy pierwszą relację.
No więc dajmy taką książkę OK.
Jak widzisz wszystko jest porządku dostaliśmy zwrotka że daliśmy
książkę z tytułem New Amazing Book oraz ma ona przypisanych tych dwóch autorów.
Jak widzisz wszystko się zgadza.
Są tutaj nazwy Daniel Goldman oraz Hans Gosling.
Super aby jeszcze raz zobaczyć czy na
pewno to wszystko działa w porządku możemy drugi raz wykonać to gwary Pocket Books.
I teraz tutaj na dole.
Powinna być ta książka i OK.
Jak widzisz jest mamy Amazing Book tutaj
to It zostało wygenerowane dla tej książki na nowo.
No i mamy połączonych autorów.
I to już wszystko w tej lekcji w następnej lekcji będę chciał Ci pokazać jak tworzyć
dane redakcyjne oraz jak takie dane aktualizować.
Mutation · 5 min
mutation addBook {
addBook(bookDetails: {
title: "New Amazing Book!",
authors: {
connect: {
ids: ["dff1909c7-d6ce-449e-b35f-41c058463075", "4df0f1c4-befd-467a-af05-60b5f94b2341"]
}
}
}) {
title
authors {
firstName
lastName
}
}
}