Mentor Alex
Gia Sư AI Trực TiếpDạy kèm & Hướng dẫn theo từng bước
Gợi ý hỏi:
CẤP ĐỘ BASIC +50 XP
4. Next.js 15 Fullstack App Router•⏱️ 10 phút
React Server Components (RSC) vs Client Components
Hiểu tại sao Server Components là cuộc cách mạng giúp gửi 0kb JavaScript của thư viện nặng về trình duyệt.
Ẩn Dụ Thực Tế (Dễ Nhớ)
“Server Component như nhà hàng nấu sẵn đồ ăn rồi bưng ra đĩa (HTML). Client Component như bàn lẩu nơi bạn tự nhúng và tương tác (useState, onClick).”
🎯 Server Components vs Client Components
- Server Components (Mặc định): Render trên Cloudflare Edge / Server, truy cập database trực tiếp, 0kb JS gửi về Client. - Client Components ('use client'): Dùng cho useState, useEffect, framer-motion, sự kiện onClick.Lỗi Người Mới Hay Gặp
- •Thêm 'use client' vào khắp mọi file một cách không cần thiết làm tăng kích thước bundle
Lời Khuyên Cốt Lõi
Giữ Server Component ở cấp cao nhất, đẩy Client Component xuống các nút lá tương tác.