Bermula dengan bertindak balas

WBOY
Lepaskan: 2024-09-03 22:39:37
asal
717 orang telah melayarinya

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 
Salin selepas log masuk

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
Salin selepas log masuk

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!

sumber:dev.to
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan