К содержанию

Hướng dẫn cơ bản về React

Hướng dẫn về framework JavaScript React. Dành cho người mới bắt đầu. Nhiều lý thuyết và bài tập.

Уроки

Giới thiệu về framework React

Cài đặt framework React

Kết nối tiện ích mở rộng react-devtools

Giới thiệu phương pháp tiếp cận component trong React

Bố cục trang web của framework React

Kết quả hoạt động của component

Ngôn ngữ JSX

Giới thiệu về ngôn ngữ JSX trong React

Trả về các thẻ JSX lồng nhau bằng hàm

Quy tắc trả về của hàm khi xuống dòng thẻ trong JSX

Đặc điểm trả về nhiều thẻ trong JSX

Trả về thẻ JSX không đóng

Hàm trả về thẻ rỗng trong JSX

Chèn giá trị biến và hằng số vào JSX

Các sắc thái khi chèn giá trị biến

Chèn Mảng trong JSX

Chèn đối tượng vào JSX

Chèn biến và hằng số vào thuộc tính thẻ trong JSX

Lưu trữ các thẻ trong biến và hằng số JSX

Đặc điểm lưu trữ nhiều thẻ trong hằng số JSX

Các thẻ trên nhiều dòng khác nhau trong JSX

Trả về thẻ thông qua return trong JSX

Đóng thẻ JSX

Tính đúng đắn của bố cục trong React

Thực thi mã JavaScript

Điều kiện

Áp dụng điều kiện trong JSX

Hiển thị theo điều kiện trong React

Điều kiện để trả về thẻ trong JSX

Toán tử ba ngôi trong JSX

Sử dụng toán tử && trong JSX

Đảo ngược điều kiện viết tắt trong JSX

Hàm

Sử dụng hàm trong React

Gọi hàm bên trong thẻ trong React

Gắn sự kiện trong JSX

Tham số trong hàm JSX

Đối tượng Event trong React

Đối tượng Event khi truyền tham số

Tạo thành thẻ

Thẻ trong mảng JSX

Hình thành mảng các thẻ trong vòng lặp React

Tạo thẻ từ mảng dữ liệu trong React

Khóa duy nhất trong mảng các thẻ trong React

Hiển thị Mảng các Đối tượng trong React

Khóa duy nhất thông qua id trong React

Hiển thị mảng các đối tượng dưới dạng bảng HTML trong React

ID độc nhất

Thảo luận về id duy nhất trong React

Các vấn đề với ID mới trong React

Chuỗi ngẫu nhiên cho id trong React

Tạo id trong React

Hàm tạo id trong React

Sử dụng hàm id trong React

Sử dụng không đúng hàm id trong React

States

Giới thiệu về State trong React

Sử dụng State trong React

Tính phản ứng của state trong React

Giá trị Boolean trong state ở React

Bộ đếm sử dụng State trong React

Biểu mẫu

Làm việc với input trong React

Thay đổi dữ liệu đầu vào khi hiển thị chúng trong React

Thay đổi dữ liệu bằng hàm trong React

Làm việc với nhiều input trong React

Xử lý dữ liệu biểu mẫu khi nhấn nút trong React

Làm việc với textarea trong React

Làm việc với checkbox trong React

Checkbox và Render có điều kiện trong React

Làm việc với select trong React

Các mục lựa chọn từ mảng trong React

Thuộc tính value trong select trong React

Thuộc tính value của select từ mảng trong React

Làm việc với radio trong React

Giá trị mặc định trong React

Liên kết Input với Mảng trong React

Liên kết đầu vào với đối tượng trong React

Dữ liệu

Tính phản ứng dữ liệu trong React

Thêm phản ứng vào mảng trong React

Thao tác phản ứng trên mảng trong React

Thêm đối tượng vào mảng một cách phản ứng trong React

Các thao tác phản ứng trên mảng đối tượng trong React

Hiển thị dữ liệu phản ứng trong React

Các thành phần

Giới thiệu về Components trong React

Sử dụng Component trong React

Nhiều phiên bản component trong React

Props của Component trong React

Tạo các thành phần con trong React

Mảng để tạo các thành phần con trong React

Các thành phần con trong vòng lặp React

Truyền trạng thái vào các thành phần con trong React

Truyền id vào component trong React

Thay đổi state của component cha trong component con trong React

Chỉnh sửa state của component cha trong component con trong React

Chỉnh sửa state trong component cháu trong React

Chế độ làm việc thông qua state của các component con trong React

Khái niệm

Các khái niệm React khi làm việc với components

Dữ liệu thành phần trong React

Các Loại Component trong React

Luồng dữ liệu một chiều trong React

Nâng cấp trạng thái trong React

Một Nguồn Chân Lý Trong React

Tạo kiểu (Styling)

Các phương pháp tạo kiểu cho React component

Sử dụng CSS toàn cục khi tạo kiểu trong React

Chèn dữ liệu vào thuộc tính style từ object trong React

Chèn dữ liệu vào thuộc tính style từ một tệp riêng biệt trong React

Làm việc với CSS styles trong thuộc tính style ở React

Chèn dữ liệu vào thuộc tính style từ biến trong React

Tạo kiểu với Styled Components trong React

Sử dụng Props với Styled Components trong React

Sử dụng Props trong Conditional Rendering với Styled Components trong React

Tạo kiểu nâng cao cho các thành phần trong React

Bắt đầu học tạo kiểu với CSS modules trong React

Tiếp tục tìm hiểu cách tạo kiểu với CSS modules React

Lệnh composes cho các lớp trong CSS modules trong React

Lệnh composes cho các tệp trong CSS modules trong React

Dự án

Dự án Checklist trong React

Dự án Sổ ghi chép trong React