5 thủ thuật tối ưu React bạn cần biết
12/02/2026·6 phút đọc·765 lượt xem
Linh Chi
Frontend Dev
Memoization đúng cách
Sử dụng React.memo() cho component thuần túy, useCallback() cho handler functions, và useMemo() cho tính toán nặng. Tránh anonymous function trong JSX.
Code Splitting
Code splitting với React.lazy() + Suspense, dynamic import() cho heavy libraries, và route-based splitting tự động của Next.js.
Virtualization
Dùng react-window hoặc react-virtual cho danh sách dài. Intersection Observer cho infinite scroll. Tránh render toàn bộ list cùng lúc.