Untuk modul ini dan untuk aplikasi yang kami
bangun ini, sekali lagi Anda akan menemukan proyek awal yang terlampir pada kuliah ini yang dapat Anda gunakan
untuk memulai ini atau Anda dapat membuat aplikasi pameran baru sendiri tentunya.
Sekarang ini adalah aplikasi yang saya lampirkan, aplikasi yang sangat mendasar dengan saya aplikasi Anda yang hampir tidak dapat kita lihat yang tidak masalah
karena kita tidak akan menyimpan teks ini melalui lagian dan kita
hanya punya satu aplikasi. file js.
Sekarang banyak hal yang saya lakukan di modul ini akan menjadi hal-hal yang Anda lihat di modul sebelumnya karena jelas
itulah ide inti di sini.
Kami akan mempraktekkan apa yang telah kami pelajari sejauh ini dan akan ada beberapa hal baru atau beberapa pola
yang mungkin menarik bagi Anda juga.
Sekarang tentu saja dalam aplikasi ini yang saya buat sketsa di kuliah terakhir, kita akan memiliki beberapa layar, jadi karena itu
kita pasti akan membutuhkan navigasi dan karenanya saya akan menambahkan folder navigasi sehingga saya dapat menyimpan konfigurasi navigasi saya di
sana dan itu tentu saja hanya satu
pengaturan yang mungkin, seperti yang saya sebutkan sebelumnya, Anda dapat bekerja dengan
struktur folder apa pun yang Anda inginkan dan itu berfungsi untuk Anda. Selain folder navigasi, saya juga ingin memiliki
folder layar
di sini, di folder layar itu saya juga ingin menyimpan layar yang
bisa kita navigasikan dan saya akan menambahkan folder komponen untuk semua komponen reguler saya, tentu
saja layar juga React komponen tetapi
komponen normal yang saya maksud di sini adalah komponen yang tidak kita muat secara
langsung sebagai layar tetapi yang kita tanamkan ke layar sebagai gantinya atau ke komponen lain,
jadi itulah yang akan kita miliki di sini. Saya juga akan menambahkan folder konstanta karena sekali lagi, saya
akan bekerja dengan konstanta warna saya di sini sehingga saya dapat menggunakan warna yang dipilih sebelumnya di seluruh aplikasi.
Sekarang ada banyak cara untuk memulai, apa yang ingin saya lakukan pertama kali di aplikasi saya
adalah saya mulai dengan
layar, meskipun jika saya belum menambahkan konten ke semuanya, saya suka menambahkan ini secara umum struktur sehingga saya
selalu bisa melihat apa yang masih perlu saya kerjakan, fitur mana yang masih hilang.
Jadi karena itu, saya akan menambahkan layar yang akan saya miliki di aplikasi
ini dan di sini saya akan melakukan sesuatu yang belum pernah saya lakukan sebelumnya dan yang benar-benar opsional tapi saya
akan mengatur layar saya menjadi subfolder yang terpisah.
Saya akan memiliki satu folder dengan layar yang terkait dengan
toko saya dan tentu saja karena kami akan membangun aplikasi belanja, semua layar adalah jenis
yang terkait dengan toko tetapi di sini saya ingin memiliki layar yang secara langsung membantu kami melihat
produk
kami, dengan menambahkannya ke troli dan seterusnya dan kemudian saya ingin memiliki folder terpisah dan itu folder pengguna saya bisa Anda
katakan, di sana saya ingin memiliki
layar terkait pengguna, sehingga akan menjadi produk pengguna saya dan mengelola produk.
Begitulah cara saya akan membagi
ini tetapi tentu saja Anda dapat mengaturnya sesuka Anda.
Jadi, dalam folder toko di sini misalnya, saya ingin memiliki layar ikhtisar produk saya dan itu akan menjadi layar yang
kita lihat ketika aplikasi memuat di mana kita memiliki semua produk untuk bekerja dan di mana kita
kemudian dapat memilih produk atau langsung menambahkannya ke gerobak. Karena itu kita juga akan memerlukan layar detail produk, itulah layar
yang kita lihat ketika kita memilih suatu produk dan kita ingin mempelajari lebih lanjut tentang itu, maka kita dapat
mengklik atau mengetuknya dan dibawa ke layar detail itu. Kita juga akan membutuhkan layar kereta, itu tidak mengejutkan layar yang kita
lihat ketika kita menambahkan item ke kereta atau tidak yang kemudian kita lihat tetapi yang bisa kita kunjungi untuk melihat item
di
sana, jadi itu sesuatu yang bisa
kita lakukan di sana dan aku ' Saya juga akan menambahkan layar pesanan di mana kami dapat melihat pesanan kami.
Sekarang Anda dapat dengan cara berpendapat bahwa layar keranjang dan jenis layar milik folder pengguna
karena mereka jenis eksklusif untuk pengguna, setiap pengguna memiliki pesanan dan
keranjangnya sendiri dan oleh karena itu Anda dapat memilih salah satu cara, Saya percaya
mereka sedikit lebih pada sisi terkait produk toko tetapi sekali
lagi, itu sepenuhnya terserah Anda. Di folder pengguna, saya
ingin memiliki layar produk pengguna saya, sehingga akan menjadi layar tempat saya melihat daftar semua produk milik
pengguna itu dan layar edit produk yang merupakan layar yang akan kami gunakan untuk menambahkan baru produk atau
untuk mengedit produk yang ada,
kami akan dapat menggunakannya kembali.
Ini adalah layar yang akan kami
gunakan di seluruh modul ini dan kami tidak akan langsung mengisinya dengan kehidupan sekarang, kami akan mengerjakan langkah-demi-langkah
itu
tetapi itulah yang akan kami butuhkan.
Sekarang tentu saja, ada juga folder lain yang dapat kita tambahkan dan itulah
folder toko di mana kita akan mengelola toko Redux kita dan kondisi Redux kita yang merupakan sistem manajemen
negara kita. Saya ingin bekerja dengan yang tentu saja kita butuhkan karena kita punya banyak layar yang
semuanya harus bekerja pada jenis data terkait dan karenanya kita perlu mengelola data itu, produk kita dan apa yang ada
dalam keranjang
dan seterusnya pada beberapa tingkat global dan Redux sangat hebat
untuk itu, jadi kita pasti membutuhkan itu . Pada catatan yang sama, kita juga perlu menginstal beberapa paket,
jadi saya akan menjalankan npm install --save dan instal Redux dan juga React Redux. Kita juga perlu React -navigation karena tentu
saja kita akan menambahkan navigasi lagi, jadi kita sudah bisa membuangnya di sana.
Saya juga akan menambahkan tombol Navigasi-header React karena saya akan menambahkan tombol-tombol header di sini dan saya ingin memiliki tombol-tombol
yang ditata dengan baik dan diposisikan tanpa harus melakukan semua itu memposisikan gaya pada
saya sendiri dan yang seharusnya untuk saat ini.
Jadi saya akan menginstal semua paket ini, kita akan membutuhkannya di seluruh modul
ini dan dengan paket-paket ini diinstal dan file-file dasar ini dibuat, kita memiliki pengaturan dasar yang solid untuk memulai.
Sekarang selain paket-paket ini, kita juga perlu menginstal dua paket
lain dengan bantuan perintah install expo dan itu react-native-gesture-handler, jadi expo instal React-native-gesture-handler
dan juga paket react-native-reanimated . Kedua paket juga perlu diinstal
dengan perintah install expo.
Sekarang tentu saja, ini semua tentang mengisi dengan kehidupan dan di
sana saya ingin memulai dengan layar pertama kita akan benar-benar melihat mana yang merupakan layar ikhtisar produk.