LIVE
Đăng ký ngay
Đăng ký sớm để đảm bảo suất của bạn
Thời gian diễn ra
Thứ Hai, 21 tháng 09 · 14:30 GMT+07:003:30 PM - thg 2 20
Thông tin về sự kiện
📊 Bảng tổng kết: Bản đồ tra cứu phương pháp tối ưu
| Triệu chứng hiệu năng | Nguyên nhân gốc rễ | Giải pháp kỹ thuật chuẩn |
| Gõ phím tìm kiếm bị khựng, lag | Render đồng bộ dữ liệu lớn làm nghẽn Main Thread | useTransition hoặc useDeferredValue |
| Bảng danh sách hàng nghìn dòng làm đơ trình duyệt | Cây DOM bị quá tải (quá nhiều DOM nodes) | Virtual Scrolling (@tanstack/react-virtual) |
| Form nhiều trường nhập liệu bị chậm | useState kích hoạt re-render toàn form liên tục | React Hook Form (Uncontrolled + Ref) |
| Component con re-render vô cớ khi cha render | Props nhận vào là hàm hoặc object bị tạo mới ô nhớ | React.memo kết hợp useCallback / useMemo |
| Context đổi 1 trường làm cả ứng dụng re-render | Dùng chung 1 Context Provider cho toàn bộ dữ liệu | Tách nhỏ Context hoặc chuyển sang Zustand |
| Tải trang đầu tiên (FCP/LCP) quá chậm | File bundle JavaScript ban đầu quá nặng | React.lazy() + <Suspense> (Code Splitting) |
Diễn giả
nguyen nguyen
Developer TicketX Vietnam
Đoan Trần
Developer TicketX
Đ Trần
CEO Ladipage
Nguyễn Công Nguyên
Developer Soft-A.I