1 00:00:02,580 --> 00:00:09,690 Jadi kami menghabiskan cukup banyak waktu untuk memigrasikan ini untuk bereaksi navigasi lima sekarang dan mungkin terlihat agak 2 00:00:09,780 --> 00:00:10,920 berlebihan sekarang. 3 00:00:10,920 --> 00:00:18,510 Jadi izinkan saya meringkas perubahan kunci yang kami buat di sini dan kunci mengubah perbedaan reaksi 4 00:00:18,510 --> 00:00:25,920 navigasi lima memperkenalkan perubahan terbesar adalah bagaimana kami mengatur konfigurasi layar kami daripada memiliki pendekatan seperti 5 00:00:25,920 --> 00:00:33,210 registri ini kami sekarang menggunakan komponen untuk mengatur konfigurasi kami tetapi polanya di sini sebenarnya 6 00:00:33,210 --> 00:00:34,550 cukup sederhana. 7 00:00:34,650 --> 00:00:40,740 Anda selalu membuat navigator yang bisa menjadi tumpukan Navigator menggambar navigator atau juga 8 00:00:41,340 --> 00:00:49,710 navigator ketuk dan kemudian Anda menggunakan navigator apakah Navigator komponen di sini sebagai komponen rute untuk set layar 9 00:00:49,710 --> 00:00:52,080 yang dimiliki Navigator ini. 10 00:00:52,080 --> 00:00:57,660 Layar adalah komponen bersarang di sana dan di sana Anda memberikan nama dan komponen yang harus dimuat 11 00:00:57,660 --> 00:00:58,950 untuk layar itu. 12 00:01:00,180 --> 00:01:06,780 Sekarang ketika harus menavigasi Anda masih menavigasi dengan alat navigasi dan kemudian fungsi navigasi dengan 13 00:01:06,960 --> 00:01:09,280 mengidentifikasi layar dengan nama. 14 00:01:09,300 --> 00:01:11,180 Sehingga tidak berubah sama sekali. 15 00:01:11,190 --> 00:01:13,720 Anda juga masih melewati orang tua seperti sebelumnya. 16 00:01:13,770 --> 00:01:18,960 Satu-satunya hal penting di sini atau satu hal yang harus Anda ingat adalah bahwa nama yang Anda gunakan di sini 17 00:01:19,140 --> 00:01:21,810 tentu saja nama yang juga Anda gunakan di sini. 18 00:01:21,810 --> 00:01:23,490 Ketika Anda mengatur layar Anda. 19 00:01:23,670 --> 00:01:29,400 Jadi itu perubahan terbesar yang Anda atur konfigurasi Anda sebagai komponen. 20 00:01:29,400 --> 00:01:35,220 Pada akhirnya Anda masih dapat menyatukan navigator yang berbeda satu sama lain seperti yang kami 21 00:01:35,520 --> 00:01:41,640 lakukan di sini di mana kami harus menggambar Navigator yang juga memiliki tumpukan navigator sebagai layar. 22 00:01:41,640 --> 00:01:45,080 Itu juga tidak mengubahnya hanya terlihat berbeda sekarang. 23 00:01:45,150 --> 00:01:52,590 Dan apa yang berubah adalah di mana Anda mengkonfigurasi berbagai hal, opsi konfigurasi layar lebar sehingga 24 00:01:52,650 --> 00:01:58,740 opsi yang mempengaruhi semua layar navigator diatur langsung pada Navigator, komponen dengan 25 00:01:58,740 --> 00:02:06,180 prop opsi layar dan konfigurasi khusus layar diatur dengan props opsi pada komponen layar. . 26 00:02:06,180 --> 00:02:12,330 Sekarang di mana Anda mengelola konfigurasi itu jika Anda melakukan semuanya dalam satu file besar atau seperti yang kami lakukan di sini 27 00:02:12,330 --> 00:02:15,500 jika Anda melakukannya di layar dan kemudian Anda hanya mengekspornya. 28 00:02:15,550 --> 00:02:19,740 Jadi ya Anda bisa menggunakannya ketika mengatur komponennya terserah Anda. 29 00:02:20,130 --> 00:02:22,630 Nah, itu yang perlu Anda ingat di sana. 30 00:02:22,650 --> 00:02:29,790 Satu hal yang memang berubah karena itu adalah bagaimana Anda menangani otentikasi atau kasus terkait. 31 00:02:29,790 --> 00:02:32,210 Anda tidak perlu berganti navigator lagi. 32 00:02:32,220 --> 00:02:39,150 Alih-alih, Anda mengontrol navigator mana yang harus di-render dengan reaksi dan apa yang tidak di-render tidak bisa efektif tidak 33 00:02:39,270 --> 00:02:40,710 bisa berbuat apa-apa. 34 00:02:40,710 --> 00:02:46,440 Jadi jika kita tidak membuat navigator toko karena kita tidak dikonfirmasi maka tidak ada cara 35 00:02:46,440 --> 00:02:48,010 layar toko dapat dimuat. 36 00:02:48,060 --> 00:02:54,900 Begitulah cara kami sekarang mengontrol layar mana yang dapat diakses di sini pada contoh otentikasi. 37 00:02:55,020 --> 00:02:57,870 Juga perhatikan log pesanan. 38 00:02:57,870 --> 00:03:01,900 Jadi itu adalah sesuatu di mana Anda harus beralih ke model mental baru. 39 00:03:01,920 --> 00:03:06,850 Ini jauh lebih reaktif daripada apa yang harus kita gunakan sebelumnya. 40 00:03:07,260 --> 00:03:13,770 Dan kemudian kita memiliki satu perubahan besar atau penting lainnya dan itu adalah bagaimana kita mengekstrak orang tua dan 41 00:03:13,770 --> 00:03:21,650 ketika kita membutuhkan orang tua kita mengekstrak orang tua pada rute rute baru ini dengan kunci orang tua kunci orang tua dapat ditentukan 42 00:03:21,690 --> 00:03:28,290 jika tidak ada orang tua yang diterima dan komponen ini dan orang tua seharusnya sekarang benar-benar hanya digunakan untuk mendapatkan 43 00:03:28,290 --> 00:03:30,720 data dari komponen dua komponen B. 44 00:03:30,810 --> 00:03:38,100 Jadi dari layar ke layar B peretasan Anda bekerja di sekitar karena kami perlu menggunakannya sebelum di layar produk yang 45 00:03:38,100 --> 00:03:45,150 ditambahkan tidak diperlukan lagi jika Anda perlu menggunakan orang tua untuk mendapatkan data dari wawasan ke komponen ke dalam opsi 46 00:03:45,150 --> 00:03:48,770 layar Anda yang tidak perlu Anda lakukan itu lagi. 47 00:03:48,840 --> 00:03:56,760 Alih-alih apa yang Anda lakukan sekarang adalah Anda menggunakan fungsi opsi set baru yang dapat Anda panggil langsung pada 48 00:03:56,760 --> 00:03:58,080 alat navigasi Anda 49 00:04:00,760 --> 00:04:01,870 di sini. 50 00:04:01,900 --> 00:04:07,960 Jadi kami memanggil set options pada prop navigasi ini dan kemudian kami dapat secara dinamis 51 00:04:08,170 --> 00:04:10,610 menyesuaikan opsi navigasi dari dalam komponen. 52 00:04:10,630 --> 00:04:16,780 Ini adalah perubahan kunci yang harus kami lakukan di sini dan hal-hal utama yang berubah. 53 00:04:16,780 --> 00:04:19,840 Sekarang seperti biasa, dokumen resmi adalah teman Anda. 54 00:04:19,840 --> 00:04:25,090 Jika Anda ingin membaca tentang itu lagi jika Anda ingin mempelajari beberapa kasus lain yang belum kami bahas di 55 00:04:25,090 --> 00:04:25,670 sini. 56 00:04:25,750 --> 00:04:30,370 Sebagai contoh jika Anda ingin belajar cara bekerja dengan keran kami tidak melakukan ini di sini tetapi 57 00:04:30,370 --> 00:04:31,290 pendekatannya sangat mirip. 58 00:04:31,330 --> 00:04:36,700 Anda melakukannya dengan konfigurasi berbasis komponen dengan navigator dan layar dan kemudian dokumen resmi adalah 59 00:04:36,700 --> 00:04:39,180 tempat yang sangat bagus untuk menyelam. 60 00:04:39,190 --> 00:04:46,200 Juga periksa pos pengumuman untuk navigasi reaksi 5 dan panduan peningkatan yang juga terhubung di sana Anda 61 00:04:46,240 --> 00:04:51,210 akan menemukan semua sumber daya ini juga melekat pada kuliah ini. 62 00:04:51,310 --> 00:04:56,710 Dan dengan itu terserah Anda apakah Anda ingin menggunakan navigasi reaksi 3 atau 4 atau jika Anda ingin beralih 63 00:04:56,710 --> 00:04:58,450 ke 5 atau lebih baru. 64 00:04:58,450 --> 00:05:01,290 Setelah kami memiliki kata-kata baru terserah Anda. 65 00:05:01,450 --> 00:05:07,870 Sebagian besar proyek di luar sana di alam liar pasti masih menggunakan Virgin gratis dan karena 66 00:05:07,900 --> 00:05:10,830 versi ini telah ada begitu lama. 67 00:05:10,990 --> 00:05:15,850 Proyek-proyek baru mungkin beralih ke Di mana dalam lima tetapi mungkin juga masih menggunakan versi yang lebih lama. 68 00:05:16,030 --> 00:05:21,850 Jadi saya berpendapat bahwa penting untuk mengetahui kedua jenis navigasi jika Anda mengerjakan proyek 69 00:05:21,850 --> 00:05:23,010 Anda sendiri. 70 00:05:23,050 --> 00:05:28,060 Saya akan merekomendasikan Anda beralih untuk bereaksi navigasi lima sejak awal tetapi jika Anda 71 00:05:28,060 --> 00:05:31,760 ingin 4 atau gratis adonan itu juga baik-baik saja. 72 00:05:31,930 --> 00:05:38,470 Reaktivasi 3 dan 4 sepenuhnya stabil dan semua akan dipertahankan diperbarui di masa depan oleh tim 73 00:05:38,470 --> 00:05:39,750 navigasi reaksi. 74 00:05:39,850 --> 00:05:41,260 Jadi tidak ke mana-mana. 75 00:05:41,260 --> 00:05:43,760 Tidak aman untuk menggunakannya dan terserah Anda. 76 00:05:43,780 --> 00:05:45,310 Versi mana yang ingin Anda gunakan.