AI Study Buddy không chỉ là công cụ học mà còn là community chia sẻ khoá học. Người học có thể tuỳ biến theo bạn, chỉnh sửa và bán lại khoá học trên chợ nội dung với cơ chế chia sẻ doanh thu transparent. React101: Nhập môn React Xem khóa học: https://khoa-hoc.aistudybuddy.net/react101-nhap-mon-react Trang chủ ASB: https://aistudybuddy.net/ Mục tiêu học tập: 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'. Người tạocontent hunger Ngôn ngữvi Cấp độ1 Giờ học/ngày1 Tổng số ngày14 Thời lượng (ngày)14 Cập nhật13/10/2025 00:40 Video giới thiệu: Xem tại đây Ngày 1 – Nội dung khởi đầu ### 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/](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: ```bash 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. ```bash 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* ```bash 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. Đăng tự động từ AI Study Buddy • 14/10/2025 02:20
