ReactJS Course
Thư viện JavaScript cho giao diện người dùng
Phần 1. Làm quen với ReactJS
11 bài học
- 1Bài 1. Giới thiệu về React
- 💻⚙️ Cách cài đặt Project ReactJSĐăng nhập
- 3Bài 2. useState – quản lý state cơ bản
- 💻💻 Bài tập Lab2 - UseStateĐăng nhập
- 5Bài 3. useEffect – side effects & lifecycle
- 💻💻 Bài tập Lab3 - UseEffectĐăng nhập
- 7Bài 4. Sử dụng JSX và Props
- 💻💻 Bài tập Lab4 - Component & PropsĐăng nhập
- 9Bài 5. React Router cơ bản – Routes, Link
- 💻💻 Bài tập Lab5 - React RouterĐăng nhập
- ⭐⭐ Bài tập Assignment 01Đăng nhập
Phần 2. Hooks cơ bản & Quản lý state
6 bài học
- 1Bài 6. useRef và truy cập DOM/giá trị
- 💻💻 Bài tập Lab6 - UseRefĐăng nhập
- 3Bài 7. Context API (Provider/Consumer)
- 💻💻 Bài tập Lab7 - Context APIĐăng nhập
- 5Bài 8. useReducer – state phức tạp
- 💻💻 Bài tập Lab8 - UseReducerĐăng nhập
Phần 3. Thành phần nâng cao
10 bài học
- 1Bài 9. Fragments, Portals & Refs
- 💻💻 Bài tập Lab9 - Fragments, Portals & RefsĐăng nhập
- 3Bài 10. Memo hóa: React.memo, useCallback, useMemo
- 💻💻 Bài tập Lab10 - Memo OptimizationĐăng nhập
- 5Bài 11. Code-splitting & Suspense
- 6Bài 12. Form – Controlled/Uncontrolled
- 💻💻 Bài tập Lab12 - FormsĐăng nhập
- 8Bài 13. Gọi API – fetch/axios, loading & error
- 💻💻 Bài tập Lab13 - API FetchingĐăng nhập
- ⭐⭐ Assignment 02Đăng nhập
Phần 4. Styling & Cấu trúc dự án
4 bài học
- 1Bài 14. CSS Module/Tailwind trong React
- 💻💻 Bài tập Lab14 - CSS/TailwindĐăng nhập
- 3Bài 15. Tổ chức thư mục & đặt tên component
- 4Bài 16. Custom Hooks & tái sử dụng logic
Phần 5. Kiểm thử & Triển khai
3 bài học
- 1Bài 17. Testing cơ bản với React Testing Library
- 2Bài 18. Build & Deploy (Vercel/Netlify)
- ⭐⭐ Final ProjectĐăng nhập
Phần 6. Nâng cao & Production Ready
8 bài học
- 1Bài 19. Redux Toolkit & State Management
- 💻💻 Bài tập Lab19 - Redux ToolkitĐăng nhập
- 3Bài 20. Next.js & SSR
- 4Bài 21. TypeScript với React
- 5Bài 22. Advanced Testing Patterns
- 6Bài 23. Performance Monitoring & Optimization
- 7Bài 24. Micro Frontends & Module Federation
- ⭐⭐ Capstone ProjectĐăng nhập