- Addy Osmani thuộc nhóm Google Chrome và rất am hiểu về framework, thư viện đến mức từng quảng bá cho các dự án như TodoMVC và HNPWA
- RSC là gì?
- Tích hợp việc lấy dữ liệu như một yếu tố thiết yếu khi xây dựng cây component, cho phép chờ ở cấp cao nhất và tuần tự hóa dữ liệu phía máy chủ
- RSC là React Component không trạng thái chạy trên máy chủ, mang lại trải nghiệm giúp dễ tái sử dụng các đoạn mã có thể bảo trì giữa server component và client component (
knitting) - Cho phép routing giống SPA trên một kiến trúc tương tự MPA
- Cách triển khai (cung cấp) thực tế sẽ khác nhau tùy từng framework
- Nhóm React cho rằng công nghệ này sẽ được phổ biến rộng rãi và ảnh hưởng đến hệ sinh thái. Dan của nhóm React ví von rằng Server Component là bộ khung xương của luồng dữ liệu ứng dụng, còn Client Component là phần thịt bao quanh bộ xương đó
- Next.js App Router và Server Component liên kết với nhau như thế nào?
- Hỗ trợ RSC từ Next.js 13+
- Các component trong đường dẫn
apptự động được hỗ trợ RSC - RSC tận dụng ưu thế của hạ tầng phía máy chủ và việc sử dụng dependency để mang lại hiệu năng tốt hơn và kích thước bundle nhỏ hơn
- Next.js App Router kết hợp server-rendering và client-rendering để nâng cấp ứng dụng theo hướng dần dần, giúp trải nghiệm người dùng trở nên tự nhiên hơn. Có thể dùng bằng cách khai báo Client Component (
use client) và đặt xen kẽ trong cùng một cây component - Đã có nhiều trải nghiệm tốt khi sử dụng Next.js App Router
- Ngoài ra còn có nhiều chủ đề liên quan khác, hãy đọc thử.
Chưa có bình luận nào.