Phỏng vấn Frontend 2026: React Server Components hỏi gì, trả lời sao

Vì sao RSC trở thành câu hỏi phổ biến

Next.js App Router đưa React Server Components thành mặc định, khiến khái niệm "component chạy ở server hay client" trở thành kiến thức bắt buộc, không còn là kiến thức nâng cao nữa. Nhà tuyển dụng dùng câu hỏi này để lọc ứng viên có cập nhật kiến thức hay vẫn tư duy theo mô hình Client-Side Rendering cũ.

Giải thích bản chất — điều quan trọng nhất cần nắm

Server Component render hoàn toàn ở server, kết quả (không phải HTML thô mà là 1 định dạng serialize riêng) được gửi xuống client — component đó KHÔNG có JavaScript nào chạy ở trình duyệt, không có state, không có event handler (onClick...). Client Component (đánh dấu bằng "use client") vẫn hoạt động như React truyền thống — có state, effect, tương tác.

Câu hỏi hay gặp và cách trả lời

• "Khi nào dùng Server Component, khi nào dùng Client Component?" — Mặc định dùng Server Component (nhanh hơn, giảm JS bundle gửi xuống client, truy cập trực tiếp database/API không cần expose endpoint riêng). Chỉ chuyển sang Client Component khi cần state, event handler, hoặc browser API (localStorage, window...).
• "Làm sao truyền data từ Server xuống Client Component?" — Qua props như bình thường, nhưng data phải serialize được (không truyền được function, Date object cần convert, class instance không được).
• "Server Component có thể import Client Component không? Ngược lại thì sao?" — Server Component import được Client Component (phổ biến: page fetch data ở server, truyền xuống 1 component tương tác ở client). Chiều ngược lại không trực tiếp được — Client Component chỉ nhận Server Component qua prop children, không tự import.

Chủ đề liên quan hay bị hỏi kèm

Streaming và Suspense: Server Component cho phép stream từng phần UI khi sẵn sàng thay vì đợi toàn bộ trang xong mới hiển thị — đây là lý do loading.tsx trong Next.js App Router hoạt động tự nhiên với RSC. Hiểu được cơ chế này thể hiện bạn nắm được lý do thiết kế, không chỉ syntax.

Bẫy thường gặp

Nhiều ứng viên nhầm RSC với SSR (Server-Side Rendering) truyền thống — SSR là render HTML ở server rồi hydrate ở client (component vẫn chạy lại ở client), còn RSC là component KHÔNG BAO GIỜ chạy ở client. Phân biệt rõ 2 khái niệm này là điểm cộng lớn khi phỏng vấn.