Phát hành Next.js 13.4: Ổn định hóa App Router, bổ sung Server Actions alpha

• App Router (Ổn định)
• Turbopack (Beta)
  • Turbopack được bổ sung từ phiên bản 13 đã được chuyển sang giai đoạn Beta
  • Để ổn định hóa và thu thập phản hồi, đang tiến hành dogfooding trên Vercel.com và với các khách hàng Vercel vận hành Next.js ở quy mô lớn
• Server Actions (Alpha)
  • Trong hệ sinh thái React có rất nhiều ý kiến về việc quản lý trạng thái form
  • Tài liệu chính thức của React khuyến nghị "uncontrolled components"
  • Bổ sung tính năng có thể gán hàm action cho form trên máy chủ Next.js (Server Actions)
  • Trong server component, có thể gán hàm thông qua action trong các props của form
  • Hàm đó hoạt động như một server function khi viết 'use server';
  • Có thể sử dụng server function cho điều hướng trang, caching, v.v. thông qua gói next

[woohm402]

Tài liệu chính thức của React chẳng phải khuyến nghị dùng controlled component sao?

[carrotfarm]

Nếu làm bằng controlled component thì phải dùng script,
mà muốn vậy thì phải biến nó thành client component, nhưng như thế sẽ bị thiệt về cache và những mặt tương tự.

Có vẻ server action được thêm vào lần này cho phép khai báo 'use server' trong hàm bên trong component,
nên ngay cả khi mutation cũng vẫn có thể giữ nguyên server component để sử dụng.

Next.js lần này càng nhìn vào chiến lược tổng thể và việc tối thiểu hóa dùng script
càng thấy khá giống Remix.

Việc code server và code client trộn lẫn với nhau
làm tôi nhớ đến PHP ngày xưa.

[opnayn]

Bản dịch của bạn còn vụng nên đã lỡ diễn giải hơi kỳ rồi. Nguyên văn là đoạn đầu tiên của phần Server Actions.

Hệ sinh thái React đã chứng kiến rất nhiều đổi mới và thử nghiệm ý tưởng xoay quanh form, việc quản lý trạng thái form, cũng như cơ chế lưu đệm và xác thực lại dữ liệu. Theo thời gian, React đã trở nên định hướng rõ ràng hơn đối với một số mẫu này. Ví dụ, họ khuyến nghị dùng “uncontrolled components” để quản lý trạng thái form.