ReactReact Compiler là build-time compiler (Babel plugin) tự động tối ưu memoization, giúp bỏ phần lớn việc memo hóa thủ công.
Nó tự làm gì: phân tích component và hook, tự chèn memoization để bỏ qua tính toán và re-render khi input không đổi. Cụ thể nó tự memo hóa:
- Giá trị/biểu thức tính trong render (thay cho useMemo).
- Function tạo trong component (thay cho useCallback).
- Kết quả render của component khi props không đổi (vai trò của React.memo).
Nghĩa là với code tuân thủ Rules of React, không cần rải useMemo/useCallback/React.memo thủ công nữa — compiler lo cho bạn ở mức hạt mịn hơn (memo từng giá trị, không phải cả component).
Điều kiện: chỉ an toàn nếu component pure và theo đúng Rules of React (không mutate props/state, không side-effect trong render). ESLint plugin của compiler cảnh báo chỗ vi phạm; component nào không an toàn sẽ bị bỏ qua (skip), không tối ưu.
Lưu ý: useMemo/useCallback cũ vẫn chạy được, không cần xóa gấp, nhưng dần thành thừa. Compiler tối ưu re-render do tính toán/tham chiếu, không thay thế các tối ưu kiến trúc như virtualization hay code-splitting.