Rilis Next.js 13.4: App Router Stabil, penambahan Server Actions alpha

• App Router (Stabil)
• Turbopack (Beta)
  • Turbopack yang ditambahkan di 13 kini berubah ke tahap Beta
  • Untuk stabilisasi dan masukan, dilakukan dogfooding di Vercel.com dan pada pelanggan Vercel yang mengoperasikan Next.js dalam skala besar
• Server Actions (Alpha)
  • Di ekosistem React, ada banyak pendapat mengenai pengelolaan state form
  • Dokumentasi resmi React merekomendasikan "uncontrolled components"
  • Menambahkan fitur untuk menetapkan fungsi action pada form di server Next.js (Server Actions)
  • Di Server Component, fungsi dapat ditetapkan melalui prop action pada form
  • Fungsi tersebut bekerja sebagai fungsi server dengan menuliskan 'use server';
  • Fungsi server seperti navigasi halaman dan caching dapat digunakan melalui paket next

[woohm402]

Bukankah dokumentasi resmi React tidak merekomendasikan komponen terkontrol?

[carrotfarm]

Kalau memakai komponen terkontrol, kita harus menggunakan skrip
dan untuk itu harus dibuat sebagai komponen klien, tetapi kalau begitu
di sisi cache dan hal-hal semacam itu jadi kurang menguntungkan.

server action yang ditambahkan kali ini tampaknya memungkinkan kita mendeklarasikan
'use server' di fungsi dalam komponen,
sehingga saat melakukan mutation pun tetap bisa digunakan sambil mempertahankan komponen server.

Next.js kali ini meminimalkan penggunaan skrip, dan kalau melihat strategi keseluruhannya
semakin dilihat semakin mirip Remix.

Bercampurnya kode server dan kode klien
mengingatkan saya pada PHP zaman dulu.

[opnayn]

Terjemahan saya kurang bagus jadi malah menjadi parafrasa yang aneh. Teks aslinya adalah paragraf pertama tentang Server Actions.

Ekosistem React telah melihat banyak inovasi dan eksplorasi ide seputar form, pengelolaan state form, serta caching dan revalidasi data. Seiring waktu, React menjadi lebih memiliki pendirian terhadap beberapa pola ini. Misalnya, merekomendasikan “uncontrolled components” untuk state form.