Untuk ini saya menyiapkan proyek kecil yang akan ditampilkan tahun ini di layar dan Anda akan menemukan Proyek awal
ini terlampir pada kuliah ini di sini.
Jadi ini adalah proyek reaksi sederhana yang dibuat dengan aplikasi create react.
Ini berjalan di bengkel di lebih dari 16 bukan delapan dan itu penting.
Anda harus bereaksi enam belas titik delapan atau lebih tinggi.
Kalau tidak, Anda tidak dapat menggunakan kait reaktor sementara rata-rata selain itu tidak ada yang istimewa di
sini, itu hanya aplikasi reaktor normal dengan beberapa komponen yang sudah dibuat untuk Anda.
Jadi izinkan saya dengan cepat memandu Anda melalui apa yang kami miliki di sini.
Sebelum kita mulai bekerja dengan Ayah dan sebelum kita mulai menggunakan kait reaksi dengan indeks kami untuk
jatuh yang cukup sepele saya mengimpor CSX yang diindeks yang mengatur beberapa impor global styling yang menyenangkan membuat beberapa
styling global yang baik untuk mendanai tombol dan itu Itu.
Dan kemudian di sini saya membuat komponen aplikasi yang tinggal di aplikasi J. S. mengajukan.
Ini komponen yang sangat sederhana tidak banyak membantu.
Ini akan melakukan lebih banyak nanti yang mengapa saya memiliki komponen tambahan ini.
Tetapi untuk sekarang ini hanya mengembalikan komponen bahan yang kita dapatkan dari folder komponen di sana
dari sub folder bahan dan kemudian dari bahan J sebagai file yang akan menjadi file
ini di sini sekarang di sana saya pada akhirnya memiliki div saya membuat bentuk bahan komponen yang hidup dalam
bentuk bahan file ust dan kemudian saya memiliki bagian di mana membuat komponen pencarian yang tidak mengejutkan
tinggal di file JS pencarian dan jika kita melihat pada bentuk bahan maka kita melihat bahwa ini adalah
komponen yang menggunakan komponen kartu khusus yang ada di folder UI.
Kita akan melihat folder itu sebentar lagi dan kemudian formulir bahan di sini.
Saya memiliki formulir di sini. Saya memiliki bagian yang merupakan bentuk normal dengan beberapa input untuk input yang
tepat untuk judul dan jumlah dengan tombol.
Dan saya juga menggunakan memo reaksi di sini untuk membungkus komponen ini ke render yang tidak perlu luas sehingga ini
hanya membaca membuat komponen ini hanya benar-benar render ketika props tergantung pada perubahan dan tidak selalu ketika
komponen induk berubah.
Jadi tidak selalu ketika bahan berubah tetapi hanya ketika bahan berubah dan kami memberikan Anda alat peraga untuk
bentuk bahan yang saat ini kami tidak pernah melakukannya, sekarang bahan bahan tidak akan ditampilkan ulang saat
bahan kami render.
Itu hanya catatan kecil ini yang akan Anda pelajari tentang memo reaksi awal dalam
kursus di modul menyelam dalam komponen.
Nah, itu folder bahan sementara hampir kita juga punya daftar bahan di sana.
Saya hanya memberikan daftar bahan.
Saat ini kami tidak mendapatkan bahan apa pun dari mana pun dan mereka menawarkan dengan baik kami
tidak menggunakan ini, kami akan menggunakannya untuk modul ini dan tentu saja dalam pencarian, hanya pada musim gugur, saya juga
akan menggunakan memo untuk alasan yang sama. lakukan dalam bentuk bahan dan hanya menghasilkan kotak pencarian.
Masukan ini di sini di gerobak dan itu tentu saja kotak disk di sini di bagian bawah Saya punya beberapa C salah di sana
juga Anda tentu saja bisa melalui itu jika Anda ingin sedikit gaya untuk membuat
ini semua terlihat bagus.
Sehingga kami memiliki aplikasi yang terlihat bagus untuk bekerja.
Sekarang di folder UI saya menyiapkan beberapa komponen UI seperti kartu di sini yang hanya membungkus apa pun yang
kami lewati antara tag pembuka dan penutupnya dan memberikannya tampilan kartu yang bagus dengan gaya-gaya ini di sini.
Saya mendapatkan modal kesalahan yang saat ini tidak saya gunakan tetapi yang akan kami gunakan penipuan.
Modul ini dan ini hanya menggunakan fragmen reaksi yang merupakan pengganti komponen OCS.
Kami membuat secara manual selama kursus ini, itu hanya komponen pembungkus untuk memenuhi kondisi ini
dengan memiliki satu pembungkus root per komponen reaksi sehingga kita tidak harus menggunakan div yang tidak perlu di sini.
Lalu saya membuat latar belakang di sana dan modal itu sendiri di mana kita dapat menampilkan konten khusus seperti
pesan kesalahan khusus kita mendapatkan tombol untuk menutup klik itu.
Latar belakang harus semua dekat dengan modal tetapi akan terserah kita untuk kita.
Logika ini yang saya maksudkan selalu menggunakan memo reaksi di sini dan di sini saya mendapatkan beberapa gaya untuk
modal dan saya memiliki indikator pemuatan yang hanya pemintal yang dapat kami render untuk menunjukkan bahwa saat memuat data, jadi Data adalah apa
yang kami miliki di sini.
Ini adalah komponen yang saya berikan kepada Anda dan Red sekarang melakukan aplikasi tidak melakukan apa-apa.
Anda dapat memasukkan sesuatu di sini tetapi menekan tombol ini tidak akan melakukan apa-apa karena sekarang terserah kita untuk
Wired sudah habis.
Dan jika Anda perhatikan dengan seksama Anda akan melihat bahwa semua komponen ini di sini semuanya adalah komponen fungsional.
Tidak ada komponen berbasis kelas tunggal di sana dan kami akan meninggalkan komponen ini sebagai komponen fungsional sehingga
kami tidak akan mengubahnya karena karena sekarang Anda akan mempelajari modul ini, kami dapat membangun seluruh tab
reaksi dengan hanya komponen fungsional.
Dengan bantuan kait, mari selami dan mari kita pelajari tentang pengambilan pertama yang mungkin paling banyak
diambil.