1
00:00:02,340 --> 00:00:08,460
Sangat penting untuk memahami cara kerja navigasi dan aplikasi asli dan terutama jika Anda memiliki latar

2
00:00:08,460 --> 00:00:14,400
belakang pengembangan web, penting untuk memahami perbedaannya dari menavigasi antara layar dan web karena di

3
00:00:14,460 --> 00:00:20,760
web Anda benar-benar memasukkan Anda L dan jika Anda sedang membangun aplikasi reaksi Anda menggunakan alat

4
00:00:20,760 --> 00:00:24,240
ingin bereaksi router untuk kemudian memuat komponen pengguna.

5
00:00:24,240 --> 00:00:30,640
Dan jika Anda mengklik tautan yang menuju ke produk dot com slash situs saya lagi router reaksi yang merupakan pustaka tambahan tempat Anda menginstal melihat

6
00:00:30,660 --> 00:00:37,950
bahwa Anda mengubah jalur di U. R. L. dan memuat komponen reaksi yang

7
00:00:37,950 --> 00:00:38,820
berbeda.

8
00:00:38,850 --> 00:00:40,800
Begitulah cara navigasi bekerja di web.

9
00:00:40,890 --> 00:00:47,880
Jadi, apakah Anda L adalah sumber kebenaran Anda dan mengubah bahwa Anda mungkin diambil oleh perpustakaan seperti router reaksi

10
00:00:47,880 --> 00:00:51,220
yang kemudian memberikan komponen yang berbeda ke layar.

11
00:00:51,240 --> 00:00:53,910
Itulah cara saya bereaksi untuk pekerjaan web.

12
00:00:54,030 --> 00:00:57,990
Sekarang ada satu perbedaan penting ketika kita memikirkan aplikasi asli.

13
00:00:58,070 --> 00:01:05,070
Kami tidak punya, Anda juga pengguna tidak berkeliling di aplikasi Anda dengan memasukkan beberapa Anda L sebaliknya Anda

14
00:01:05,070 --> 00:01:09,510
menekan tombol menekan keran Anda dan Anda maju dan mundur.

15
00:01:09,540 --> 00:01:16,050
Anda memiliki tombol kembali, Anda memiliki laci samping, itulah cara Anda menavigasi pada aplikasi seluler secara tepat.

16
00:01:16,050 --> 00:01:19,720
Seperti yang saya sebutkan memiliki keran adalah salah satu pola umum yang Anda lihat di sana.

17
00:01:19,770 --> 00:01:25,170
Pola umum rata-rata adalah bahwa Anda menavigasi dalam tumpukan halaman dan itu berarti bahwa Anda pergi

18
00:01:25,170 --> 00:01:31,770
ke beberapa halaman Anda mengklik pada beberapa item Anda dibawa ke layar baru dan kemudian secara otomatis Anda mendapatkan tombol kembali

19
00:01:31,770 --> 00:01:36,210
atas atau di Android Anda punya satu dibangun ke dalam perangkat tentu saja.

20
00:01:36,210 --> 00:01:41,850
Dan ketika Anda menekan itu Anda menavigasi kembali ke halaman Anda sebelumnya dan Anda mendapatkan transisi yang

21
00:01:41,850 --> 00:01:43,100
mulus untuk itu.

22
00:01:43,140 --> 00:01:48,660
Jadi di sana Anda dapat menavigasi sekitar misalnya memuat komponen pengguna dengan menekan tab atau dengan

23
00:01:48,870 --> 00:01:54,270
menekan item khusus dan dinavigasi di sana dan tuduhan itu hanya terlihat dan terasa sedikit

24
00:01:54,270 --> 00:01:55,390
berbeda dengan pengguna.

25
00:01:55,500 --> 00:02:00,700
Sekarang tentu saja kami ingin menghadirkan tampilan dan nuansa itu ke aplikasi asli REACT kami juga.

26
00:02:00,780 --> 00:02:02,570
Dan untungnya itu sangat mudah.

27
00:02:02,580 --> 00:02:09,310
Dengan bantuan perpustakaan pihak ketiga akan menggunakan perpustakaan pihak ketiga yang akan menggunakannya untuk ini

28
00:02:09,310 --> 00:02:16,630
saya menghentikan server saya yang terbuka di sini adalah reaksi navigasi kita dapat menginstalnya dengan npm menginstal

29
00:02:16,720 --> 00:02:24,280
dasbor dasbor navigasi yang aman bereaksi seperti ini dan sementara ini disebut reaksi navigasi sebenarnya perpustakaan navigasi yang

30
00:02:24,310 --> 00:02:26,660
dibangun untuk bereaksi asli.

31
00:02:26,680 --> 00:02:33,370
Sekarang Anda juga dapat menggunakannya di aplikasi web tetapi fokus utamanya adalah aplikasi asli yang dibuat dengan React Native.

32
00:02:33,370 --> 00:02:40,330
Jadi meskipun disebut navigasi reaksi, itu untuk React Native, bukan hanya untuk reaksi untuk web.

33
00:02:40,870 --> 00:02:46,330
Jadi kita cukup menginstal paket ini di sini ke dalam aplikasi kita untuk mulai menggunakannya.

34
00:02:46,330 --> 00:02:51,130
Dan tentu saja saya akan mengajarkan Anda seluk beluk paket ini dan bagaimana menggunakannya untuk pola

35
00:02:51,130 --> 00:02:53,200
navigasi yang berbeda dalam modul ini.

36
00:02:53,200 --> 00:02:56,590
Tetapi jika Anda ingin menyelam lebih dalam atau Anda juga ingin memiliki panduan tertulis.

37
00:02:56,590 --> 00:03:02,280
Pasti juga memeriksa reaksi navigasi titik ORIC yang merupakan halaman resmi paket ini di mana Anda

38
00:03:02,290 --> 00:03:06,000
dapat menyelam ke dermaga untuk mempelajari semua tentang paket ini.

39
00:03:06,040 --> 00:03:09,400
Di sana Anda dapat membaca semua tentang itu dengan sangat detail.

40
00:03:09,430 --> 00:03:13,320
Anda akan belajar cara menggunakannya cara mengonfigurasinya dan sebagainya.

41
00:03:13,330 --> 00:03:19,360
Ada banyak yang dapat Anda lakukan dengan itu dan sementara saya akan membahas sebagian besar dari ini di sini ini adalah

42
00:03:19,360 --> 00:03:21,680
sumber yang bagus untuk Anda selami lebih dalam.

43
00:03:21,760 --> 00:03:28,390
Sekarang satu hal yang kita lihat di sini yang benar-benar harus kita lakukan adalah kita harus menjalankan pengguna

44
00:03:28,390 --> 00:03:32,350
perintah ini yang menginstal sekelompok dependensi tambahan bereaksi kebutuhan navigasi.

45
00:03:32,510 --> 00:03:39,670
Jadi cukup salin perintah ini dari halaman Memulai di sini dan dieksekusi di proyek Anda pada baris perintah di

46
00:03:39,670 --> 00:03:46,180
terminal terintegrasi yang Anda miliki di sana bukan instal npm tetapi install Expo meskipun satu-satunya perbedaan adalah

47
00:03:46,180 --> 00:03:52,210
bahwa Expo yang dipasang di belakang layar akan menjalankan npm install tetapi akan memilih versi spesifik

48
00:03:52,300 --> 00:03:56,540
dari paket ini yang bekerja dengan versi Expo spesifik Anda.

49
00:03:56,590 --> 00:04:01,750
Jadi ini adalah versi yang lebih aman dari instalasi npm yang dapat Anda katakan dan oleh karena itu disarankan agar Anda menggunakannya

50
00:04:01,750 --> 00:04:02,370
di sini.

51
00:04:02,380 --> 00:04:07,600
Sekarang satu catatan tambahan tentang perintah ini dan halaman ini secara umum di kiri atas halaman ini

52
00:04:07,600 --> 00:04:09,240
Anda melihat versi Bereaksi navigasi.

53
00:04:09,250 --> 00:04:16,670
Dokumen-dokumen ini berkaitan dengan sekarang dalam kursus ini menggunakan kembali sedangkan dalam 3 atau 4 mereka hampir sama.

54
00:04:16,690 --> 00:04:22,570
Kami tidak menggunakan sedangkan dalam 5 sekarang karena versi 5 menggunakan sintaks yang sedikit berbeda yang saat ini

55
00:04:22,580 --> 00:04:24,280
tidak akan kami bahas.

56
00:04:24,280 --> 00:04:30,760
Jadi pastikan bahwa jika Anda kembali ke dokumen Anda benar-benar memilih Versi 4 atau bebas dari dokumentasi di sini

57
00:04:30,760 --> 00:04:32,500
untuk mengikuti dengan lancar.

58
00:04:32,530 --> 00:04:37,300
Tentu saja Anda selalu dapat melihat versi 5 dan mencoba menyesuaikan kode secara manual jika Anda

59
00:04:37,480 --> 00:04:42,720
ingin tetapi untuk pengalaman yang lancar di mana fokus tentu saja terletak pada React Native dan tidak bereaksi navigasi.

60
00:04:42,820 --> 00:04:45,160
Pastikan Anda memilih Versi 4 atau tahun bebas.

61
00:04:45,220 --> 00:04:50,560
Itu hanya catatan kecil kalau-kalau Anda bertanya-tanya tentang perbedaan antara dokumen di sini dan

62
00:04:50,560 --> 00:04:56,720
apa yang Anda lihat dalam kursus ini. Namun, sekarang ada satu catatan penting sementara kami tetap bereaksi

63
00:04:56,720 --> 00:04:57,550
untuk navigasi.

64
00:04:57,560 --> 00:05:05,540
Di sini nanti dalam kursus saya akan memiliki seluruh modul pada navigasi reaksi lima dan kemudian di mana saya akan

65
00:05:05,540 --> 00:05:10,100
menunjukkan kepada Anda bagaimana mengkonversi proyek Anda untuk menggunakan versi terbaru.

66
00:05:10,100 --> 00:05:16,130
Jadi, apakah Anda memiliki yang terbaik dari kedua dunia dan Anda akan belajar kedua jenis pengaturan navigasi dan

67
00:05:16,130 --> 00:05:22,400
melakukan navigasi dan bereaksi aplikasi asli karena keduanya dan untuk serta masa depan di mana dia lima dan

68
00:05:22,760 --> 00:05:25,180
kemudian akan sangat penting untuk diketahui.

69
00:05:25,250 --> 00:05:30,890
Jadi mari kita salin perintah ini dan juga memastikan bahwa selain menginstal navigasi reaksi yang

70
00:05:30,890 --> 00:05:36,830
merupakan paket inti tentu saja kita juga menginstal paket-paket ini ke dalam proyek dengan menjalankan Expo

71
00:05:36,830 --> 00:05:43,570
menginstal di sini sekarang dengan instalasi selesai di sini saya dapat me-restart server Expo saya dengan mulai NPM dan

72
00:05:43,570 --> 00:05:46,540
kita sekarang dapat mulai menggunakan navigasi reaksi.

73
00:05:46,540 --> 00:05:51,550
Sekarang untuk ini semua berdagang folder baru di proyek saya dan saya akan beri nama navigasi.

74
00:05:51,550 --> 00:05:57,140
Ini bukan sesuatu yang harus Anda lakukan tetapi dapat membantu Anda menjaga kode Anda tetap bersih karena di sana.

75
00:05:57,140 --> 00:06:03,600
Saya akan membuat file baru semua buat navigator makan saya dot J jatuh.

76
00:06:03,640 --> 00:06:05,590
Sekarang nama file ini sepenuhnya terserah Anda.

77
00:06:05,620 --> 00:06:12,970
Saya hanya ingin menunjukkan bahwa di sana saya akan mengatur konfigurasi untuk navigasi saya untuk aplikasi makan saya di

78
00:06:12,970 --> 00:06:14,690
sini yang saya bangun.

79
00:06:14,710 --> 00:06:16,630
Jadi itu sebabnya nama itu seperti ini.

80
00:06:16,630 --> 00:06:22,420
Dan itu adalah jazz navigator makanan di mana saya ingin mengatur konfigurasi navigasi sumur saya. Saya

81
00:06:22,420 --> 00:06:29,530
ingin memberi tahu navigasi navigasi bahwa kami memasang layar berbeda yang kami miliki tentang bagaimana mereka terhubung dan bagaimana

82
00:06:29,830 --> 00:06:32,880
kami ingin dapat bergerak di antara mereka.

83
00:06:33,190 --> 00:06:36,670
Sekarang lebih mudah untuk melihatnya daripada hanya berbicara tentang mereka.

84
00:06:36,730 --> 00:06:41,350
Jadi karena itu di navigator makan mari kita mulai mengatur beberapa navigasi.