Pertama, React ialah perpustakaan JavaScript yang popular untuk membina UI, terutamanya untuk aplikasi satu halaman. Ia membolehkan pembangun mencipta komponen boleh guna semula dan mengurus keadaan aplikasi mereka dengan cekap. Dalam blog ini, saya akan melalui proses menyediakan projek React dan banyak lagi.
Prasyarat
Sebelum memasuki react atau mencipta projek react, anda mesti perlu memasang alatan berikut.
1. Node.js: anda boleh memuat turun versi terkini Node.js daripada tapak web rasmi: https://nodejs.org/en.
2. Editor Kod: Anda boleh menggunakan mana-mana editor yang anda selesa, saya amat mengesyorkan untuk menggunakan VSCode.
Cara membuat projek
//Replace my-app with the name of your project. npx create-react-app my-app //navigate to your project directory cd my-app //this cmd helps us to run our script npm start
Struktur Folder
my-app/ ├── node_modules/ ├── public/ │ ├── index.html │ └── manifest.json ├── src/ │ ├── components/ │ ├── App.css │ ├── App.js │ ├── App.test.js │ ├── index.css │ ├── index.js │ └── reportWebVitals.js ├── .gitignore ├── package-lock.json ├── package.json └── README.md
1. node_modules: Direktori di mana semua kebergantungan seperti perpustakaan dan pakej yang diperlukan oleh projek anda disimpan.
2. src: Folder sumber yang mengandungi semua kod aplikasi React anda. Di sinilah anda menulis komponen, gaya dan logik untuk aplikasi React anda.
3. package.json: Fail JSON yang mengandungi metadata tentang projek anda dan kebergantungan yang diperlukannya. Ia menguruskan kebergantungan projek, skrip, versi dan perkara lain.
Atas ialah kandungan terperinci Bermula dengan bertindak balas. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!