Rumah  >  Artikel  >  hujung hadapan web  >  Bermula dengan bertindak balas

Bermula dengan bertindak balas

WBOY
WBOYasal
2024-09-03 22:39:37692semak imbas

Getting started with react

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

  1. Buka command prompt atau terminal anda.
  2. Jalankan cmd berikut
//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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn