React101: Nhập môn React

Chào mừng bạn đến với React! 🚀

1. React là gì?

React là một thư viện JavaScript mã nguồn mở, được phát triển bởi Facebook, dùng để xây dựng giao diện người dùng (UI - User Interface). Điểm mạnh của React là xây dựng các UI phức tạp từ những mảnh nhỏ, độc lập và có thể tái sử dụng được gọi là components.

2. Tại sao nên dùng React?

• Kiến trúc dựa trên component: Giúp chia nhỏ ứng dụng, dễ quản lý, bảo trì và tái sử dụng code.
• Virtual DOM (DOM ảo): React tạo ra một bản sao của DOM thật trong bộ nhớ. Khi trạng thái (state) của một component thay đổi, React sẽ cập nhật Virtual DOM trước, sau đó so sánh với DOM thật và chỉ cập nhật những phần đã thay đổi. Điều này giúp tăng hiệu suất đáng kể.
• Hệ sinh thái lớn mạnh: Có một cộng đồng phát triển khổng lồ, nhiều thư viện hỗ trợ (React Router, Redux,...) và tài liệu phong phú.

3. Cài đặt môi trường

Để bắt đầu, bạn cần cài đặt Node.js và npm (Node Package Manager), npm thường được cài đặt sẵn cùng với Node.js.

• Bước 1: Cài đặt Node.js: Truy cập https://nodejs.org/ và tải về phiên bản LTS (Long Term Support).

• Bước 2: Kiểm tra cài đặt: Mở Terminal (macOS/Linux) hoặc Command Prompt/PowerShell (Windows) và gõ các lệnh sau:

  node -v
  npm -v
  

  Nếu bạn thấy phiên bản hiện ra, tức là đã cài đặt thành công.

• Bước 3: Tạo ứng dụng React đầu tiên với Create React App: Create React App là công cụ giúp bạn tạo dự án React một cách nhanh chóng mà không cần cấu hình phức tạp.

  npx create-react-app my-first-app
  

  (Thay my-first-app bằng tên dự án của bạn).

• Bước 4: Chạy ứng dụng:

  cd my-first-app
  npm start
  

  Trình duyệt sẽ tự động mở lên trang http://localhost:3000 và bạn sẽ thấy trang chào mừng của React.

Xây dựng kế hoạch học tập React cơ bản dựa trên danh sách phát YouTube 'React101'.