Cài đặt và chuẩn bị ứng dụng React

Trong bài học này, chúng ta sẽ bắt đầu bằng việc cài đặt và chuẩn bị một ứng dụng React, vì sau này chúng ta sẽ sử dụng nó kết hợp với Redux. Có những cách nhanh hơn để tạo mẫu ứng dụng React với Redux (mà nhân tiện không phải lúc nào cũng có nghĩa là dễ dàng, đặc biệt là đối với người mới bắt đầu), được ghi trong tài liệu chính thức, nhưng chúng ta sẽ bắt đầu từ đầu.

Đầu tiên, hãy tạo một ứng dụng React my-app bằng cách sử dụng Vite (đây là sự thay thế hiện đại cho Webpack). Để làm điều này, hãy mở terminal và nhập các lệnh sau (trong các tùy chọn được đề xuất, nếu có, hãy chọn React và sau đó là JavaScript):

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

Hãy khởi chạy ứng dụng đã tạo:

npm run dev

Mở trình duyệt vào đường link được đề xuất http://localhost:5173/ và chúng ta sẽ thấy màn hình chào quen thuộc. Mọi thứ đang hoạt động.

Bây giờ hãy xóa những thứ không cần thiết. Hãy dọn sạch thư mục public. Trong thư mục src, chỉ để lại main.jsx, index.css và App.jsx (trong index.css và App.jsx, hãy xóa toàn bộ nội dung).

Trong tệp index.html, hãy thay thế văn bản tiêu đề bằng:

<title>React Redux App</title>

Tạo một ứng dụng React và đảm bảo rằng nó hoạt động.

Xóa các tệp và thư mục không cần thiết.