GraphQL: Uporządkowane query - fragmenty

15.3.0 +

0:00W tej lekcji pokażę ci jak tworzyć uporządkowane gwary przy pomocy fragmentów

0:05a więc jak widzisz mamy teraz pusty KUL wejdziemy w historię i może zapewnimy

0:10sobie gra w tym gwary Get Busy którego używali w poprzedniej lekcji.

0:15Może tym ostatnim.

0:18Juz ok.

0:20mamy to Gwarek Bucks ale obok jeszcze chciałbym wykonać jedno queer.

0:24I to jest kolejny hit Fair Play Granda którego jeszcze nie pokazywały.

0:27Może kliknij tutaj jeszcze raz historię wybierzmy gadał torba ja idę

0:34i kupuje sobie towary.

0:38Poniżej.

0:40Teraz jak widzisz mamy dwa gwary w jednym programie.

0:44Kiedy będę chciał je wykonać i kliknąć

0:47przycisk Lubię to jak widzisz odpalił się drop down i mogę wybrać albo an.

0:53Czyli anonimowe covery Get Bucks albo autor Ballady

0:58możemy nazwać to covery

1:01Red Box.

1:03I wtedy kiedy klik na egzekucję

1:05to jak widzisz drobną już pokazuje nazwane gwary.

1:09Wybierzmy Get Books i ok braliśmy

1:13autorów oraz książki.

1:15Jeżeli klik autor daje IT to bierzemy autora o danym IP.

1:21Natomiast żebyś zobaczył jedną ważną rzecz

1:24to to że autorzy tak naprawdę mają te same pola.

1:28Nie jest to do końca fajne ponieważ nie lubimy nigdy kopiowania kodu więc to na

1:33czym by nam zależało to stworzenie fragmentu dla tych dwóch gwary.

1:38Możesz sobie wyobrazić aplikację gdzie

1:41będziemy używać tych gwary w różnych miejscach i w jednym miejscu będziemy

1:46pobierać autora a w drugim książki z autorami bo nie chcemy się powtarzać

1:50chcemy mieć jedne wyniesione do jednego pliku i używać zawsze tych samych pól.

1:56Więc skupimy to sobie i stwórzmy tutaj

2:00poniżej fragment fragment tworzymy przy pomocy słowa kluczowego fragment

2:04Teraz podajemy nazwę fragmentu ja nazwę to po prostu autor Field.

2:10I teraz musimy powiedzieć na jakim typie.

2:13Ten fragment musi działać.

2:15Czyli używamy słowa kluczowego.

2:17On i typ to będzie autor.

2:20Czyli to jest dokładnie ten typ który jest w dokumentacji.

2:23Kiedy wejdziemy do dokumentacji to mamy autor i ten fragment będzie kierował i

2:28szukał takich pól w jakich mamy jakie mamy zdefiniowane w dokumentacji.

2:34Więc skupimy te pola mogą użyć

2:38aby ucieszyć ten kod.

2:41I teraz mamy zdefiniowany fragment.

2:43Autor Files

2:45skupimy go i wyrzuci te pola z naszej metody GET autor.

2:52I za pomocą tzw.

2:54spread operatora to jest troszeczkę coś innego.

2:57Natomiast działa podobnie jak spread

2:58operator w JavaScript nie możemy wrzucić cen.

3:01Autor Field i mamy pewność że te pola znajdą się w tym miejscu.

3:07Dajmy jeszcze raz kleryk Get Out torba Jade.

3:09I jak widzisz mamy ten sam wynik czyli autora As It First oraz Last.

3:15Dodatkowo we fragmentach również możemy

3:17używać aliansu czyli jak pamiętasz mówiliśmy że nasza aplikacja może.

3:23Mieć takie tricki że zawsze używa nazwy zmiennych Sanders.

3:30Więc zróbmy tak

3:33że mamy alias FR i ma nas las na nim Sanders kolor.

3:39I tutaj również użyjemy tego autor Field.

3:45Teraz mamy w dwóch miejscach te same pola

3:47kiedy wykonamy jeszcze raz gadał torba jadę to ok.

3:51.

3:51Mamy już dobre wyniki ze zmiennymi Anderson ale kiedy wykonał również Get

3:57Bucks to tutaj również mam takie same pola wtedy możemy mieć pewność że wyświetlający

4:02autora w tym samym komponentu zawsze dostaniemy tak samo sformułowane dane.

4:07Jeżeli jesteśmy już przy fragmentach to

4:09kolejną rzeczą jaką chciałbym Ci pokazać są to fragmenty liniowe czyli tzw.

4:13fragmenty tworzone w locie.

4:15Nasza aplikacja książek nie komplementuje

4:17takich fragmentów i nie jest to zbyt częsta praktyka natomiast chciałbym Ci je

4:21pokazać abyś miał warsztat jak używać takich fragmentów kiedy znajdziesz na niej

4:25Just Cause lub po prostu będziesz je widział żeby się rozumiał.

4:28Ja stworzyłem dla Ciebie jeden przykład Get Person

4:32który komplementuje właśnie takie

4:33fragmenty liniowe aby stworzyć takie fragmenty.

4:37Trzeba mieć interface wspólnych danych.

4:40Jak widzisz tutaj

4:42Union Person resort ma dwa typy MEN oraz numer i te dwa typy implementacją jeden

4:49duży typ person to person mówi o wspólnych danych.

4:53Jest to interfejs natomiast jest to również typ.

4:55Jest to interfejs dlatego że możemy go użyć i zaimplementowane te pola

5:00dla dwóch osobnych typów czyli tak naprawdę Person posiada pola IT

5:05Engineers oraz Last czyli dokładnie te pola które widzisz ale typ MEN który

5:12implementację Person również posiada swoje własne pole faworyt Cars

5:17czyli jeżeli będziemy imprezować na typie person to nie dostaniemy faworyt Cars

5:22natomiast dostaniemy te wspólne pola jeżeli przejdziemy do tłumem

5:27to tutaj mamy również osobną implementację.

5:30Jak widzisz są wspólne pola natomiast poza tym jest również pole faworyt Cloud

5:36ale nie ma już pola faworyt Cars które jest tylko i wyłącznie w typie.

5:42Więc Przejdźmy jeszcze do dokumentacji

5:46i jak widzisz w dokumentacji mamy tutaj

5:48opisane te pola na przykład na tym typie Hero My Name.

5:55Czyli jest wspólne pole name ale dla Android mamy primary Falcon czy dla Human

6:01mamy HTC i są to dwa osobne pola których nie możemy wybrać na Hero ale możemy

6:07wybrać już dla poszczególnych typów które implementacją ten typ Hero z domysłów.

6:14Sprawdźmy jak to działa w praktyce na

6:16naszym typie Get Person więc stwórzmy nową zakładkę.

6:21Możemy ją sobie nazwać fragmenty liniowe i możemy przejść do Get Person.

6:28Czyli stwórzmy gwary

6:31Get Person

6:33i będziemy chcieli pobrać wspólne dane.

6:36Czyli powiedzmy Age First oraz las

6:39żeby to zrobić musimy operować na typie Person

6:43ponieważ jest to typ wspólny dla MEN oraz

6:46moment i oba te typy implementacją Person a więc pobieramy Edge

6:53oraz.

6:57Teraz kiedy wykonamy to gwary dostaliśmy dwa wyniki.

7:00Jest to Hillary Clinton a nas Brad Pitt czyli my oraz numer dwa osobne wyniki.

7:05Natomiast zbieraliśmy na typie Person a nie na amen.

7:09Jeżeli chcielibyśmy pobrać faworyt Cars to według naszej dokumentacji nie możemy

7:14tego zrobić ponieważ typu MEN nie posiada takiego pola

7:18więc jak się można domyślić zrobimy po prostu on.

7:24Czyli teraz nasz fragment liniowy który tworzymy w locie będzie kierował typem

7:30który również poza tymi polami Jefferson wlasnej ma własne pole.

7:34Faworyt Cars a więc wyszukanie World Cars.

7:39Teraz kiedy wykonałem to towary możesz

7:42zobaczyć że mamy faworytkę i listę tych samochodów na typie numer.

7:48Możemy natomiast pobrać inne pole którego z kolei nie posiadamy.

7:51Jest to typ Volt Klaus.

7:53I działa to dokładnie tak samo czyli on Women.

7:58Pobieramy od.

8:02Teraz możemy wykonać to karę dla pewności jak widzisz dostaliśmy faworyt KOD.

8:07Ważne jest aby każdy widział że MEN nie

8:10dostał tego co może dostać ułan ani nie dostała tego co może dostać my

8:15czyli tworzymy w locie różne fragmenty dla różnych typów danych.

8:20Jeden z przykładowych w którym mógłbyś użyć to np.

8:24typ post możesz sobie wyobrazić że masz w

8:26swojej aplikacji komponent który wyświetla posty.

8:29Natomiast może mieć dwa różne warianty.

8:31Wtedy mógłbyś sobie wyobrazić że tutaj

8:33mamy typ post tutaj byśmy mieli post w sam Finger.

8:39Możemy tutaj stworzyć jakieś dodatkowe pole aby wyświetlać

8:43wariant tych postów dla jakichś testów lub coś takiego.

8:47I to jest jedyny który przychodzi mi do głowy na używanie fragmentów liniowych.

8:50Natomiast zdarza się to więc jest ważne abyś wiedział z czym to się je.

8:54I to już wszystko w tej lekcji.

8:56A ja już teraz zapraszam Cię do kolejnej

8:58lekcji w której opowiem ci jak zaimplementowane agitacja oraz filtry.