📅 ReactJS Mastery – Lộ trình 30 ngày
Tuần 1
| Ngày | Chủ đề | Nội dung |
|---|---|---|
| 1 | JSX Basics | JSX, fragments, rendering |
| 2 | Conditional/List Rendering | if/else, ternary, map, keys |
| 3 | Components | props, composition |
| 4 | Compound Components | Tabs, patterns |
| 5 | Class Components | lifecycle, refactor |
Tuần 2
| Ngày | Chủ đề | Nội dung |
|---|---|---|
| 6 | useState | lazy init, immutability |
| 7 | useReducer | actions, reducers |
| 8 | State Patterns | lifting, derived state |
| 9 | useEffect | dependencies, cleanup |
| 10 | Advanced Effects | layoutEffect, race conditions |
Tuần 3
| Ngày | Chủ đề | Nội dung |
|---|---|---|
| 11 | Performance Hooks | memo, callback, memo |
| 12 | Refs | forwardRef, imperativeHandle |
| 13 | React 18 Hooks | useTransition, deferredValue |
| 14 | React 19 Hooks | useOptimistic, useFormStatus |
| 15 | Custom Hooks | composition, useDebugValue |
Tuần 4
| Ngày | Chủ đề | Nội dung |
|---|---|---|
| 16 | Context Basics | createContext, useContext |
| 17 | Context Patterns | multi-context, optimization |
| 18 | Forms | controlled, validation |
| 19 | Advanced Forms | RHF, async submit |
| 20 | Forms + Context | global form state |
Tuần 5
| Ngày | Chủ đề | Nội dung |
|---|---|---|
| 21 | Performance | profiler, bottlenecks |
| 22 | Code Splitting | lazy, suspense |
| 23 | Virtualization | react-window |
| 24 | Patterns | HOC, Render Props |
| 25 | Error Handling | boundaries, fallback |
Tuần 6
| Ngày | Chủ đề | Nội dung |
|---|---|---|
| 26 | React 18 | transitions, SSR |
| 27 | React 19 | server components, actions |
| 28 | Testing | RTL, MSW |
| 29 | Best Practices | anti-patterns |
| 30 | Capstone | project A–Z |