React Server Components: Khi nào nên tách Client Component?

Server mặc định là lợi thế

Với App Router, component server giúp giảm JavaScript gửi xuống client và truy cập dữ liệu trực tiếp hơn. Đây là mặc định tốt cho layout, trang chi tiết và danh sách nội dung.

Khi nào cần Client Component?

Bạn cần client component khi có state tương tác, event handler, browser API hoặc thư viện chỉ chạy trên client. Ví dụ: editor, modal, dropdown phức tạp hoặc upload widget.

Giữ ranh giới nhỏ

Đừng biến cả trang thành client component chỉ vì một nút cần tương tác. Hãy tách phần tương tác nhỏ nhất có thể để giữ bundle nhẹ.

Truyền dữ liệu

Dữ liệu truyền từ server sang client nên serializable và vừa đủ. Tránh truyền object lớn nếu client chỉ cần vài field.