1
00:00:02,580 --> 00:00:09,690
Spędziliśmy więc trochę czasu na migracji tego, aby zareagować teraz na nawigację piątkę i może teraz wygląda to

2
00:00:09,780 --> 00:00:10,920
nieco przytłaczająco.

3
00:00:10,920 --> 00:00:18,510
Pozwólcie, że podsumuję kluczowe zmiany, które wprowadziliśmy tutaj i kluczowe zmiany, które reagują na różnice

4
00:00:18,510 --> 00:00:25,920
klucza. Nawigacja. 5 wprowadzono największą zmianą jest to, jak skonfigurowaliśmy naszą konfigurację ekranu zamiast

5
00:00:25,920 --> 00:00:33,210
podejścia podobnego do rejestru, teraz używamy komponentów do konfiguracji, ale wzór tutaj jest właściwie

6
00:00:33,210 --> 00:00:34,550
dość prosty.

7
00:00:34,650 --> 00:00:40,740
Zawsze tworzysz nawigator, który może być stosem Nawigator rysujący lub też nawigator

8
00:00:41,340 --> 00:00:49,710
z kranu, a następnie używasz tego nawigatora do nawigacji tutaj jako elementu trasy dla tego zestawu ekranów

9
00:00:49,710 --> 00:00:52,080
należących do tego nawigatora.

10
00:00:52,080 --> 00:00:57,660
Ekrany są tam zagnieżdżonymi komponentami i tam podajesz nazwę i komponent, który powinien zostać załadowany

11
00:00:57,660 --> 00:00:58,950
dla tego ekranu.

12
00:01:00,180 --> 00:01:06,780
Teraz, jeśli chodzi o nawigację, nadal nawigujesz za pomocą rekwizytu nawigacyjnego, a następnie funkcji nawigacyjnej,

13
00:01:06,960 --> 00:01:09,280
identyfikując ekran po nazwie.

14
00:01:09,300 --> 00:01:11,180
Więc to się wcale nie zmienia.

15
00:01:11,190 --> 00:01:13,720
Nadal przekazujesz rodzicom, jak poprzednio.

16
00:01:13,770 --> 00:01:18,960
Jedyną ważną rzeczą tutaj lub jedną, o której powinieneś pamiętać, jest to, że nazwa, której tu używasz,

17
00:01:19,140 --> 00:01:21,810
powinna oczywiście być nazwą, której również tutaj używasz.

18
00:01:21,810 --> 00:01:23,490
Podczas konfigurowania ekranów.

19
00:01:23,670 --> 00:01:29,400
To największa zmiana, którą skonfigurowałeś jako komponenty.

20
00:01:29,400 --> 00:01:35,220
Ostatecznie możesz nadal zagnieżdżać między sobą różnych nawigatorów, ponieważ robimy to

21
00:01:35,520 --> 00:01:41,640
tutaj, gdzie musimy narysować Nawigatora, który ma również nawigatory stosów jako ekrany.

22
00:01:41,640 --> 00:01:45,080
To też się nie zmienia, teraz wygląda inaczej.

23
00:01:45,150 --> 00:01:52,590
I to, co się zmieniło, polega na tym, że konfigurujesz różne opcje konfiguracji ekranu, więc opcje

24
00:01:52,650 --> 00:01:58,740
wpływające na wszystkie ekrany nawigatora są ustawiane bezpośrednio w Nawigatorze, komponent z propem

25
00:01:58,740 --> 00:02:06,180
opcji ekranu i konfiguracja specyficzna dla ekranu jest konfigurowana z opcjami prop na komponencie ekranu .

26
00:02:06,180 --> 00:02:12,330
Teraz możesz zarządzać tą konfiguracją, jeśli robisz to wszystko w jednym dużym pliku lub tak jak my robimy to tutaj,

27
00:02:12,330 --> 00:02:15,500
jeśli robisz to na ekranie, a następnie po prostu eksportujesz.

28
00:02:15,550 --> 00:02:19,740
Tak, możesz go użyć, gdy konfiguracja ich komponentów zależy od Ciebie.

29
00:02:20,130 --> 00:02:22,630
To wszystko, o czym musisz pamiętać.

30
00:02:22,650 --> 00:02:29,790
Jedną rzeczą, która się zmieniła z tego powodu, jest sposób obsługi uwierzytelnienia lub powiązanych spraw.

31
00:02:29,790 --> 00:02:32,210
Nie musisz już przełączać nawigatora.

32
00:02:32,220 --> 00:02:39,150
Zamiast tego kontrolujesz, którzy nawigatorzy powinni być renderowani, reagując, a to, co nie jest renderowane, nie może być skuteczne, nie

33
00:02:39,270 --> 00:02:40,710
może nic zrobić.

34
00:02:40,710 --> 00:02:46,440
Jeśli więc nie renderujemy do nawigatora sklepu, ponieważ nie jesteśmy uwierzytelnieni, nie ma możliwości

35
00:02:46,440 --> 00:02:48,010
załadowania ekranu sklepu.

36
00:02:48,060 --> 00:02:54,900
W ten sposób kontrolujemy, które ekrany są dostępne tutaj na przykładzie uwierzytelnienia.

37
00:02:55,020 --> 00:02:57,870
Pamiętaj także o logowaniu zamówień.

38
00:02:57,870 --> 00:03:01,900
Więc to jest coś, gdzie musisz przejść do nowego modelu mentalnego.

39
00:03:01,920 --> 00:03:06,850
Jest to jednak znacznie bardziej reaktywne niż to, czego musieliśmy użyć wcześniej.

40
00:03:07,260 --> 00:03:13,770
A potem mamy jeszcze jedną dużą lub ważną zmianę i właśnie w ten sposób wydobywamy rodziców,

41
00:03:13,770 --> 00:03:21,650
a kiedy potrzebujemy rodziców, wydobywamy rodziców na tej nowej propozycji trasy z kluczem rodziców, klucz rodziców może być niezdefiniowany, jeśli

42
00:03:21,690 --> 00:03:28,290
nie otrzymano rodziców, a ten element i rodzice powinni teraz być naprawdę wykorzystywani tylko do pobierania

43
00:03:28,290 --> 00:03:30,720
danych z komponentu dwuskładnikowego B.

44
00:03:30,810 --> 00:03:38,100
Więc z ekranu na ekran B włamujesz się dookoła, ponieważ musieliśmy ich użyć wcześniej w ekranie dodanego produktu

45
00:03:38,100 --> 00:03:45,150
nie są już potrzebne, jeśli musisz użyć rodziców, aby uzyskać dane od wglądu do komponentu w

46
00:03:45,150 --> 00:03:48,770
opcjach ekranu, których nie musisz robić to już.

47
00:03:48,840 --> 00:03:56,760
Zamiast tego używasz teraz nowego zestawu opcji Funkcja, którą możesz wywołać bezpośrednio na

48
00:03:56,760 --> 00:03:58,080
propie nawigacji

49
00:04:00,760 --> 00:04:01,870
tutaj.

50
00:04:01,900 --> 00:04:07,960
Nazywamy więc ustawieniami opcji w tym rekwizytach nawigacyjnych, a następnie możemy dynamicznie dostosowywać

51
00:04:08,170 --> 00:04:10,610
opcje nawigacji z wnętrza komponentu.

52
00:04:10,630 --> 00:04:16,780
Są to kluczowe zmiany, które musieliśmy wprowadzić tutaj i najważniejsze rzeczy, które się zmieniły.

53
00:04:16,780 --> 00:04:19,840
Teraz jak zawsze oficjalne dokumenty są twoim przyjacielem.

54
00:04:19,840 --> 00:04:25,090
Jeśli chcesz przeczytać o tym ponownie, jeśli chcesz zagłębić się w inne przypadki, których tutaj nie

55
00:04:25,090 --> 00:04:25,670
omówiliśmy.

56
00:04:25,750 --> 00:04:30,370
Na przykład, jeśli chcesz nauczyć się obsługi kranów, nie robimy tego tutaj, ale podejście jest

57
00:04:30,370 --> 00:04:31,290
bardzo podobne.

58
00:04:31,330 --> 00:04:36,700
Robisz to z konfiguracją opartą na komponentach z nawigatorem i ekranami, a następnie oficjalne dokumenty

59
00:04:36,700 --> 00:04:39,180
to naprawdę świetne miejsce do nurkowania.

60
00:04:39,190 --> 00:04:46,200
Zapoznaj się również z ogłoszeniem dotyczącym reagowania na nawigację 5 i przewodnikiem aktualizacji, do którego również

61
00:04:46,240 --> 00:04:51,210
tam link, znajdziesz wszystkie te zasoby również dołączone do tego wykładu.

62
00:04:51,310 --> 00:04:56,710
I od tego zależy, czy chcesz zastosować reagującą nawigację 3 lub 4, czy też chcesz przełączyć

63
00:04:56,710 --> 00:04:58,450
się na 5 lub później.

64
00:04:58,450 --> 00:05:01,290
Gdy mamy nowe słowa, to zależy od ciebie.

65
00:05:01,450 --> 00:05:07,870
Większość projektów na wolności będzie nadal korzystać z Virgin Free, ponieważ te wersje

66
00:05:07,900 --> 00:05:10,830
są dostępne od tak dawna.

67
00:05:10,990 --> 00:05:15,850
Nowe projekty mogą zmienić się w Where's in five, ale nadal mogą korzystać ze starszej wersji.

68
00:05:16,030 --> 00:05:21,850
Dlatego twierdzę, że ważne jest, aby znać oba rodzaje nawigacji, jeśli pracujesz nad własnym projektem na

69
00:05:21,850 --> 00:05:23,010
własną rękę.

70
00:05:23,050 --> 00:05:28,060
Polecam przełączyć nawigację na pięć od samego początku, ale jeśli chcesz 4

71
00:05:28,060 --> 00:05:31,760
lub darmowe ciasto, jest to również w porządku.

72
00:05:31,930 --> 00:05:38,470
Reaktywacja 3 i 4 jest w pełni stabilna i wszystkie będą aktualizowane w przyszłości przez zespół

73
00:05:38,470 --> 00:05:39,750
reagujący na nawigację.

74
00:05:39,850 --> 00:05:41,260
Więc nigdzie się nie wybiera.

75
00:05:41,260 --> 00:05:43,760
Korzystanie z niego nie jest niebezpieczne i zależy od Ciebie.

76
00:05:43,780 --> 00:05:45,310
Której wersji chcesz użyć.