Question 1

Vai trò chính của React.memo là gì?

Accepted Answer

React.memo là một Higher-Order Component giúp ghi nhớ kết quả render của một component. Nó thực hiện so sánh nông các props và bỏ qua việc re-render nếu props không thay đổi. Đặc biệt hữu ích để tối ưu các component con tốn kém mà thường xuyên nhận cùng các props.

Question 2

Sự khác biệt chính giữa useMemo và useCallback là gì?

Accepted Answer

useMemo ghi nhớ kết quả của một hàm (giá trị trả về), trong khi useCallback ghi nhớ chính hàm đó. useMemo được dùng để tối ưu các phép tính tốn kém, còn useCallback được dùng để ổn định tham chiếu hàm được truyền dưới dạng props, ngăn chặn việc re-render không cần thiết của các component con đã được memoize.

Question 3

Trong trường hợp nào việc sử dụng React.memo có thể phản tác dụng?

Accepted Answer

React.memo có thể phản tác dụng trên các component nhận props khác nhau ở mỗi lần render, vì chi phí so sánh nông props được thêm vào mà không có lợi ích (component sẽ re-render dù sao). Tốt hơn nên dành React.memo cho các component thường xuyên nhận cùng props và có quá trình render tốn kém.

Tối ưu hiệu năng React

Vai trò chính của React.memo là gì?

Câu trả lời

Sự khác biệt chính giữa useMemo và useCallback là gì?

Câu trả lời

Trong trường hợp nào việc sử dụng React.memo có thể phản tác dụng?

Câu trả lời

Tại sao nên sử dụng useCallback cho hàm được truyền dưới dạng prop cho component đã được memoize bằng React.memo?

Lợi thế chính của code splitting với React.lazy là gì?

Các chủ đề phỏng vấn React / Next.js khác

Nền tảng JavaScript

Nền tảng React

React Hooks

Vòng đời component

React Router

Quản lý state với Context

Biểu mẫu và Controlled Components

Lấy dữ liệu & API

React Query (TanStack Query)

Styling & CSS-in-JS

Nền tảng Next.js

TypeScript với React

Data Fetching trong Next.js

Server Actions trong Next.js

Định tuyến & Điều hướng trong Next.js

API Routes trong Next.js

Metadata & SEO trong Next.js

Middleware & Auth trong Next.js

Kiểm thử React

Zustand State Management

Error Boundaries & Error Handling

Advanced React Patterns

Tính năng nâng cao của Next.js

Triển khai & Môi trường Production với Next.js

Architecture & Design Patterns

React Server Components

Quốc tế hóa Next.js

React Bảo mật & Thực hành tốt nhất

Nắm vững React / Next.js cho lần phỏng vấn tiếp theo