1
00:00:02,160 --> 00:00:05,140
Untuk modul ini dan untuk aplikasi yang kami

2
00:00:05,160 --> 00:00:11,310
bangun ini, sekali lagi Anda akan menemukan proyek awal yang terlampir pada kuliah ini yang dapat Anda gunakan

3
00:00:11,310 --> 00:00:15,480
untuk memulai ini atau Anda dapat membuat aplikasi pameran baru sendiri tentunya.

4
00:00:15,480 --> 00:00:21,300
Sekarang ini adalah aplikasi yang saya lampirkan, aplikasi yang sangat mendasar dengan saya aplikasi Anda yang hampir tidak dapat kita lihat yang tidak masalah

5
00:00:21,330 --> 00:00:23,980
karena kita tidak akan menyimpan teks ini melalui lagian dan kita

6
00:00:24,160 --> 00:00:26,370
hanya punya satu aplikasi. file js.

7
00:00:26,430 --> 00:00:32,130
Sekarang banyak hal yang saya lakukan di modul ini akan menjadi hal-hal yang Anda lihat di modul sebelumnya karena jelas

8
00:00:32,130 --> 00:00:33,660
itulah ide inti di sini.

9
00:00:33,660 --> 00:00:39,480
Kami akan mempraktekkan apa yang telah kami pelajari sejauh ini dan akan ada beberapa hal baru atau beberapa pola

10
00:00:39,480 --> 00:00:41,710
yang mungkin menarik bagi Anda juga.

11
00:00:41,730 --> 00:00:47,160
Sekarang tentu saja dalam aplikasi ini yang saya buat sketsa di kuliah terakhir, kita akan memiliki beberapa layar, jadi karena itu

12
00:00:47,160 --> 00:00:52,230
kita pasti akan membutuhkan navigasi dan karenanya saya akan menambahkan folder navigasi sehingga saya dapat menyimpan konfigurasi navigasi saya di

13
00:00:52,230 --> 00:00:54,380
sana dan itu tentu saja hanya satu

14
00:00:54,420 --> 00:00:57,480
pengaturan yang mungkin, seperti yang saya sebutkan sebelumnya, Anda dapat bekerja dengan

15
00:00:57,480 --> 00:01:03,690
struktur folder apa pun yang Anda inginkan dan itu berfungsi untuk Anda. Selain folder navigasi, saya juga ingin memiliki

16
00:01:03,690 --> 00:01:04,740
folder layar

17
00:01:04,740 --> 00:01:09,690
di sini, di folder layar itu saya juga ingin menyimpan layar yang

18
00:01:09,690 --> 00:01:15,660
bisa kita navigasikan dan saya akan menambahkan folder komponen untuk semua komponen reguler saya, tentu

19
00:01:15,660 --> 00:01:18,460
saja layar juga React komponen tetapi

20
00:01:18,520 --> 00:01:24,450
komponen normal yang saya maksud di sini adalah komponen yang tidak kita muat secara

21
00:01:24,450 --> 00:01:30,720
langsung sebagai layar tetapi yang kita tanamkan ke layar sebagai gantinya atau ke komponen lain,

22
00:01:30,720 --> 00:01:37,500
jadi itulah yang akan kita miliki di sini. Saya juga akan menambahkan folder konstanta karena sekali lagi, saya

23
00:01:37,500 --> 00:01:43,860
akan bekerja dengan konstanta warna saya di sini sehingga saya dapat menggunakan warna yang dipilih sebelumnya di seluruh aplikasi.

24
00:01:43,880 --> 00:01:49,280
Sekarang ada banyak cara untuk memulai, apa yang ingin saya lakukan pertama kali di aplikasi saya

25
00:01:49,280 --> 00:01:51,020
adalah saya mulai dengan

26
00:01:51,020 --> 00:01:56,870
layar, meskipun jika saya belum menambahkan konten ke semuanya, saya suka menambahkan ini secara umum struktur sehingga saya

27
00:01:56,870 --> 00:02:01,570
selalu bisa melihat apa yang masih perlu saya kerjakan, fitur mana yang masih hilang.

28
00:02:01,880 --> 00:02:04,980
Jadi karena itu, saya akan menambahkan layar yang akan saya miliki di aplikasi

29
00:02:05,180 --> 00:02:09,890
ini dan di sini saya akan melakukan sesuatu yang belum pernah saya lakukan sebelumnya dan yang benar-benar opsional tapi saya

30
00:02:09,890 --> 00:02:12,120
akan mengatur layar saya menjadi subfolder yang terpisah.

31
00:02:12,170 --> 00:02:15,770
Saya akan memiliki satu folder dengan layar yang terkait dengan

32
00:02:15,770 --> 00:02:20,930
toko saya dan tentu saja karena kami akan membangun aplikasi belanja, semua layar adalah jenis

33
00:02:20,930 --> 00:02:26,540
yang terkait dengan toko tetapi di sini saya ingin memiliki layar yang secara langsung membantu kami melihat

34
00:02:26,540 --> 00:02:27,120
produk

35
00:02:27,530 --> 00:02:34,430
kami, dengan menambahkannya ke troli dan seterusnya dan kemudian saya ingin memiliki folder terpisah dan itu folder pengguna saya bisa Anda

36
00:02:34,430 --> 00:02:36,400
katakan, di sana saya ingin memiliki

37
00:02:36,470 --> 00:02:40,370
layar terkait pengguna, sehingga akan menjadi produk pengguna saya dan mengelola produk.

38
00:02:40,440 --> 00:02:42,590
Begitulah cara saya akan membagi

39
00:02:42,590 --> 00:02:45,950
ini tetapi tentu saja Anda dapat mengaturnya sesuka Anda.

40
00:02:45,950 --> 00:02:52,670
Jadi, dalam folder toko di sini misalnya, saya ingin memiliki layar ikhtisar produk saya dan itu akan menjadi layar yang

41
00:02:52,760 --> 00:02:58,340
kita lihat ketika aplikasi memuat di mana kita memiliki semua produk untuk bekerja dan di mana kita

42
00:02:58,340 --> 00:03:04,880
kemudian dapat memilih produk atau langsung menambahkannya ke gerobak. Karena itu kita juga akan memerlukan layar detail produk, itulah layar

43
00:03:04,880 --> 00:03:10,520
yang kita lihat ketika kita memilih suatu produk dan kita ingin mempelajari lebih lanjut tentang itu, maka kita dapat

44
00:03:10,520 --> 00:03:16,940
mengklik atau mengetuknya dan dibawa ke layar detail itu. Kita juga akan membutuhkan layar kereta, itu tidak mengejutkan layar yang kita

45
00:03:16,940 --> 00:03:22,430
lihat ketika kita menambahkan item ke kereta atau tidak yang kemudian kita lihat tetapi yang bisa kita kunjungi untuk melihat item

46
00:03:22,430 --> 00:03:23,000
di

47
00:03:23,000 --> 00:03:24,440
sana, jadi itu sesuatu yang bisa

48
00:03:25,470 --> 00:03:30,600
kita lakukan di sana dan aku ' Saya juga akan menambahkan layar pesanan di mana kami dapat melihat pesanan kami.

49
00:03:30,600 --> 00:03:35,730
Sekarang Anda dapat dengan cara berpendapat bahwa layar keranjang dan jenis layar milik folder pengguna

50
00:03:35,730 --> 00:03:39,450
karena mereka jenis eksklusif untuk pengguna, setiap pengguna memiliki pesanan dan

51
00:03:39,450 --> 00:03:44,340
keranjangnya sendiri dan oleh karena itu Anda dapat memilih salah satu cara, Saya percaya

52
00:03:44,340 --> 00:03:47,970
mereka sedikit lebih pada sisi terkait produk toko tetapi sekali

53
00:03:47,970 --> 00:03:51,960
lagi, itu sepenuhnya terserah Anda. Di folder pengguna, saya

54
00:03:51,960 --> 00:03:58,980
ingin memiliki layar produk pengguna saya, sehingga akan menjadi layar tempat saya melihat daftar semua produk milik

55
00:03:59,040 --> 00:04:06,570
pengguna itu dan layar edit produk yang merupakan layar yang akan kami gunakan untuk menambahkan baru produk atau

56
00:04:06,690 --> 00:04:08,710
untuk mengedit produk yang ada,

57
00:04:08,730 --> 00:04:10,940
kami akan dapat menggunakannya kembali.

58
00:04:11,160 --> 00:04:13,490
Ini adalah layar yang akan kami

59
00:04:13,500 --> 00:04:20,280
gunakan di seluruh modul ini dan kami tidak akan langsung mengisinya dengan kehidupan sekarang, kami akan mengerjakan langkah-demi-langkah

60
00:04:20,280 --> 00:04:20,990
itu

61
00:04:21,000 --> 00:04:23,090
tetapi itulah yang akan kami butuhkan.

62
00:04:23,220 --> 00:04:27,450
Sekarang tentu saja, ada juga folder lain yang dapat kita tambahkan dan itulah

63
00:04:27,450 --> 00:04:32,820
folder toko di mana kita akan mengelola toko Redux kita dan kondisi Redux kita yang merupakan sistem manajemen

64
00:04:32,820 --> 00:04:38,070
negara kita. Saya ingin bekerja dengan yang tentu saja kita butuhkan karena kita punya banyak layar yang

65
00:04:38,070 --> 00:04:44,280
semuanya harus bekerja pada jenis data terkait dan karenanya kita perlu mengelola data itu, produk kita dan apa yang ada

66
00:04:44,280 --> 00:04:45,090
dalam keranjang

67
00:04:45,090 --> 00:04:48,200
dan seterusnya pada beberapa tingkat global dan Redux sangat hebat

68
00:04:48,240 --> 00:04:53,520
untuk itu, jadi kita pasti membutuhkan itu . Pada catatan yang sama, kita juga perlu menginstal beberapa paket,

69
00:04:53,550 --> 00:05:00,900
jadi saya akan menjalankan npm install --save dan instal Redux dan juga React Redux. Kita juga perlu React -navigation karena tentu

70
00:05:00,900 --> 00:05:07,480
saja kita akan menambahkan navigasi lagi, jadi kita sudah bisa membuangnya di sana.

71
00:05:07,500 --> 00:05:14,540
Saya juga akan menambahkan tombol Navigasi-header React karena saya akan menambahkan tombol-tombol header di sini dan saya ingin memiliki tombol-tombol

72
00:05:14,550 --> 00:05:19,380
yang ditata dengan baik dan diposisikan tanpa harus melakukan semua itu memposisikan gaya pada

73
00:05:19,380 --> 00:05:22,650
saya sendiri dan yang seharusnya untuk saat ini.

74
00:05:22,950 --> 00:05:28,770
Jadi saya akan menginstal semua paket ini, kita akan membutuhkannya di seluruh modul

75
00:05:28,770 --> 00:05:36,570
ini dan dengan paket-paket ini diinstal dan file-file dasar ini dibuat, kita memiliki pengaturan dasar yang solid untuk memulai.

76
00:05:36,580 --> 00:05:41,820
Sekarang selain paket-paket ini, kita juga perlu menginstal dua paket

77
00:05:41,820 --> 00:05:49,050
lain dengan bantuan perintah install expo dan itu react-native-gesture-handler, jadi expo instal React-native-gesture-handler

78
00:05:49,050 --> 00:05:55,800
dan juga paket react-native-reanimated . Kedua paket juga perlu diinstal

79
00:05:55,980 --> 00:05:58,800
dengan perintah install expo.

80
00:05:58,860 --> 00:06:02,100
Sekarang tentu saja, ini semua tentang mengisi dengan kehidupan dan di

81
00:06:02,190 --> 00:06:06,720
sana saya ingin memulai dengan layar pertama kita akan benar-benar melihat mana yang merupakan layar ikhtisar produk.