Agar terlampir untuk menemukan proyek awal, proyek awal ini dibuat dengan aplikasi Create React, alat
yang dibuat oleh tim React.
Pada akhirnya, yang membuatnya mudah untuk memunculkan proyek reaksi baru dan memberi kami struktur proyek seperti ini.
Saya menyesuaikan sedikit, tetapi secara umum persis sama dengan yang Anda dapatkan dari alat ini.
Sekarang, mengapa kita membutuhkan alat seperti itu?
Mengapa kita tidak mengimpor saja script di H. kami
File HTML dan mulai?
Karena Bereaksi sedikit lebih kompleks daripada JavaScript vanili.
Pada akhirnya, kami mengirimkan kode JavaScript vanilla, tetapi cara kami menulis ke kode sedikit lebih nyaman bagi
kami sebagai pengembang.
Kita dapat menggunakan fitur-fitur tertentu yang tidak dapat berjalan di browser dan oleh karena itu pengaturan proyek
ini di sini memiliki beberapa alat termasuk yang mengambil kode yang kita tulis sebagai pengembang dan benar-benar mengubahnya menjadi
kode yang berjalan di browser.
Jadi, apakah kita memiliki Neuroma, kode yang dijalankan di browser?
Tetapi kami memiliki waktu yang lebih mudah menulis kode itu sebagai pengembang.
Selain itu, kami mendapatkan server pengembangan, yang merupakan server sederhana yang melayani aplikasi ujung depan kami sehingga tidak
memiliki punggung dan hanya melayani di depan aplikasi itu dan yang secara otomatis memuat ulang atau menyuntikkan
perubahan setiap kali kami mengubah dan menyimpan sesuatu di salah satu sumber kami file kode.
Selain itu, di sini dengan REACT, kami sedang membangun aplikasi satu halaman.
Itu tidak harus dilakukan, tetapi itu adalah pilihan umum dalam satu aplikasi halaman.
Anda hanya memiliki satu file H Timal, yang pada akhirnya dikembalikan oleh server yang melayani aplikasi itu.
Dalam hal ini, ini file Timmo usia, yang itu sendiri relatif kosong.
Namun file ini nantinya akan menyertakan impor skrip.
Mereka akan ditambahkan secara otomatis oleh alat-alat ini yang saya sebutkan sebelumnya, yang pada akhirnya host
dan menjalankan aplikasi reaksi kami, yang pada gilirannya kami di sini di folder sumber dengan file kami,
kami tiba di sana sehingga pada akhirnya kami memiliki aplikasi web dari Front End, yang terdiri dari satu file
html di mana Denn JavaScript digunakan untuk membuat sesuatu di layar dan membuat ulang sesuatu di layar
saat dibutuhkan.
Dan itu memungkinkan kita untuk membangun antarmuka pengguna modern yang sangat reaktif di mana semuanya terjadi secara instan
karena JavaScript menjalankan browser, semuanya terjadi secara instan.
Kami tidak perlu menunggu file L baru diunduh dari server.
Semua sudah ada di sana.
Jadi ketika pengguna mengklik tombol dan kami ingin menampilkan kotak di layar sebagai tanggapan terhadap boom klik itu,
itu terjadi secara instan karena JavaScript.
Itulah perasaan yang ingin kami berikan.
Kita bisa melakukannya dengan bereaksi sekarang.
Cukup berbicara tentang teorinya.
Mari kita menulis beberapa kode.
Seperti yang saya sebutkan, kami melakukannya di sini di folder sumber tempat kami menemukan diindeks ke file-nya
di file aplikasi Chase, keduanya file yang sangat sederhana.
Sekarang mari kita lihat ponsel peluang yang diindeks
Begini, kami memiliki beberapa impor di bagian atas.
Omong-omong, inilah cara Anda mengimpor kode di ujung depan.
Impor sesuatu dari lalu Śiva jalur relatif ke file Anda sendiri.
Atau jika itu adalah paket pihak ketiga, hanya nama paket.
Dan kemudian di sini kita memiliki impor dari file kita sendiri dengan jalur relatif.
Seperti yang saya sebutkan maka di sini kita menjalankan satu perintah pada akhirnya.
Bereaksi Dom render.
Sekarang, ini datang dari objek React Dom di sini di akhir, yang
kami impor dari perpustakaan React Arm, dan itu membuat hal aneh ini, yang bukan JavaScript biasa.
Itu kamu.
Ini bermain di H. kami M. halaman.
Ini adalah JavaScript biasa.
Dan di sini kita memilih elemen dengan ide root.
Jika kita melihat file HGL tunggal kita, itu adalah Dave di sini.
Jadi data pada akhirnya di mana aplikasi satu halaman reaksi kami akan dihosting di dua.
Dan mereka akan bereaksi, akan mengambil alih dan membuat segalanya di tempat itu.
Jadi itulah yang kami lakukan di sini.
Tapi apa yang aneh bagi ayah?
Kita perlu memahami komponen apa itu dan bagaimana reaksinya bekerja.