Pemasangan dan Penyediaan Aplikasi React

Dalam pelajaran ini, kami akan mulakan dengan pemasangan dan penyediaan aplikasi React, kerana pada masa hadapan kami akan menggunakannya bersama-sama dengan Redux. Terdapat cara yang lebih pantas untuk mencipta templat aplikasi React dengan Redux (yang sebenarnya tidak selalu bermaksud mudah, terutama untuk pemula), seperti yang dinyatakan dalam dokumentasi rasmi, tetapi kami akan mulakan dari sifar.

Untuk mulakan, kami akan cipta aplikasi React my-app menggunakan Vite (ini adalah pengganti moden untuk Webpack). Untuk ini, buka terminal dan taip arahan berikut (dalam pilihan yang dicadangkan, jika ada, pilih React dan kemudian JavaScript):

npm create vite@latest my-app -- --template react
cd my-app
npm install

Jalankan aplikasi yang dicipta:

npm run dev

Buka pautan yang dicadangkan dalam pelayar http://localhost:5173/ dan anda akan lihat sambutan yang biasa. Semua berfungsi.

Sekarang buang yang tidak perlu. Kosongkan folder public. Dalam folder src, tinggalkan hanya main.jsx, index.css dan App.jsx (dalam index.css dan App.jsx, buang kandungan sepenuhnya).

Dalam fail index.html, gantikan teks tajuk dengan:

<title>React Redux App</title>

Cipta aplikasi React dan pastikan ia berfungsi.

Padam fail dan folder yang tidak diperlukan.