⚛️ Học React Từ A-Z

Khóa học React hoàn chỉnh dành cho người mới. Tất cả Hooks chi tiết, bao gồm useLayoutEffect & useInsertionEffect!

25
Bài học
200+
Ví dụ code
FREE
Miễn phí

📚 Phần 1: Nhập Môn React

01

Giới Thiệu React & Cài Đặt

React là gì? Virtual DOM, cài đặt Vite, tạo project đầu tiên

Dễ
02

JSX - Cú Pháp Trong React

Viết HTML trong JavaScript, expressions, fragments

Dễ
03

Components - Thành Phần Giao Diện

Function components, class components, composition

Dễ
04

Props - Truyền Dữ Liệu

Props, PropTypes, default props, children prop

Dễ

🪝 Phần 2: React Hooks Cơ Bản

05

useState - Quản Lý State

State cơ bản, functional updates, objects, arrays

Trung bình
06

useEffect - Side Effects

Fetch data, cleanup, dependency array, subscriptions

Trung bình
07

useContext - Chia Sẻ Dữ Liệu

Context API, Provider/Consumer, theme, auth context

Trung bình
08

useRef - Tham Chiếu DOM

DOM refs, persistent values, forwardRef

Trung bình

🚀 Phần 3: React Hooks Nâng Cao

09

useMemo - Tối Ưu Tính Toán

Memoization, expensive computations, khi nào KHÔNG nên dùng

Trung bình
10

useCallback - Tối Ưu Callback

Callback memoization, React.memo, dependency pitfalls

Trung bình
11

useReducer - State Phức Tạp

Dispatch actions, so sánh useState, mini Redux pattern

Nâng cao
12

useLayoutEffect - Đo Lường DOM

Khác useEffect, đo DOM, animation, ngăn flash

Nâng cao
13

useInsertionEffect - CSS-in-JS

Inject styles, so sánh 3 effect hooks, library authors

Nâng cao

⚡ Phần 4: Hooks Concurrent & Custom

14

useTransition & useDeferredValue

Concurrent features, prioritize updates, loading states

Nâng cao
15

useId & useSyncExternalStore

SSR-safe IDs, external store sync, non-React state

Nâng cao
16

Custom Hooks - Tạo Hooks Riêng

useFetch, useLocalStorage, useDebounce, useMediaQuery

Trung bình

🧩 Phần 5: Xây Dựng Ứng Dụng

17

Event Handling & Forms

Events, controlled/uncontrolled, form validation

Dễ
18

Conditional Rendering & Lists

if/ternary/&&, map/filter, key prop, performance

Dễ
19

React Router - Điều Hướng

React Router v6, nested routes, params, guards

Trung bình
20

State Management

Context vs Redux vs Zustand, khi nào dùng gì

Nâng cao

🎓 Phần 6: Nâng Cao & Project Cuối Khóa

21

Tích Hợp API & React Query

Fetch, Axios, TanStack Query, error handling

Trung bình
22

Performance Optimization

React.memo, lazy, Suspense, code splitting, Profiler

Nâng cao
23

Testing React Components

React Testing Library, Jest, test hooks, mocking

Nâng cao
24

React Design Patterns

HOC, Render Props, Compound Components, Headless UI

Nâng cao
25

Project: Todo App Hoàn Chỉnh

Xây dựng ứng dụng hoàn chỉnh, tổng kết khóa học

Nâng cao