Question 1

React Server Component là gì?

Accepted Answer

Server Components là các component React chạy chỉ trên server và không bao giờ được gửi đến client. Khác với các component truyền thống, chúng không cần được hydrate ở phía client, giúp giảm đáng kể kích thước bundle JavaScript. Chúng cho phép truy cập trực tiếp vào tài nguyên backend (cơ sở dữ liệu, hệ thống tệp) mà không để lộ bí mật hay API key.

Question 2

Cách khai báo một Client Component trong React?

Accepted Answer

Directive 'use client' đặt ở đầu file cho biết component và tất cả các component con được import là Client Components. Directive này đánh dấu ranh giới giữa code server và client. Không có directive này, các component mặc định là Server Components trong các framework hỗ trợ RSC như Next.js App Router.

Question 3

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

Accepted Answer

Server Components chạy trên server và code của chúng không bao giờ được gửi đến client, trong khi Client Components được gửi đến trình duyệt và cần JavaScript để tương tác. Sự khác biệt cơ bản này ảnh hưởng đến quyền truy cập tài nguyên, kích thước bundle và khả năng tương tác. Server Components không thể sử dụng React hook hay xử lý sự kiện người dùng.

React Server Components

React Server Component là gì?

Câu trả lời

Cách khai báo một Client Component trong React?

Câu trả lời

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

Câu trả lời

React hook nào có thể được dùng trong Server Component?

Cách thực hiện data fetching trong Server Component?

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

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

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

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