Skip to content

📅 ReactJS Mastery – Lộ trình 30 ngày

Tuần 1

NgàyChủ đềNội dung
1JSX BasicsJSX, fragments, rendering
2Conditional/List Renderingif/else, ternary, map, keys
3Componentsprops, composition
4Compound ComponentsTabs, patterns
5Class Componentslifecycle, refactor

Tuần 2

NgàyChủ đềNội dung
6useStatelazy init, immutability
7useReduceractions, reducers
8State Patternslifting, derived state
9useEffectdependencies, cleanup
10Advanced EffectslayoutEffect, race conditions

Tuần 3

NgàyChủ đềNội dung
11Performance Hooksmemo, callback, memo
12RefsforwardRef, imperativeHandle
13React 18 HooksuseTransition, deferredValue
14React 19 HooksuseOptimistic, useFormStatus
15Custom Hookscomposition, useDebugValue

Tuần 4

NgàyChủ đềNội dung
16Context BasicscreateContext, useContext
17Context Patternsmulti-context, optimization
18Formscontrolled, validation
19Advanced FormsRHF, async submit
20Forms + Contextglobal form state

Tuần 5

NgàyChủ đềNội dung
21Performanceprofiler, bottlenecks
22Code Splittinglazy, suspense
23Virtualizationreact-window
24PatternsHOC, Render Props
25Error Handlingboundaries, fallback

Tuần 6

NgàyChủ đềNội dung
26React 18transitions, SSR
27React 19server components, actions
28TestingRTL, MSW
29Best Practicesanti-patterns
30Capstoneproject A–Z

Personal tech knowledge base