Next.js 13.4 yayımlandı: App Router kararlı hale geldi, Server Actions alpha eklendi

• App Router (Kararlı)
• Turbopack (Beta)
  • 13 ile eklenen Turbopack, Beta aşamasına geçti
  • Kararlılık ve geri bildirim için Vercel.com ile Next.js’i büyük ölçekte kullanan Vercel müşterilerinde dogfooding yürütülüyor
• Server Actions (Alpha)
  • React ekosisteminde form durum yönetimi konusunda çok sayıda farklı görüş var
  • React resmi dokümantasyonu "uncontrolled components" kullanımını öneriyor
  • Next.js sunucusunda form için action fonksiyonu atamayı sağlayan özellik eklendi (Server Actions)
  • Sunucu bileşenlerinde formun action prop’u üzerinden fonksiyon atanabiliyor
  • İlgili fonksiyon, 'use server'; yazılarak sunucu fonksiyonu olarak çalışıyor
  • next paketi üzerinden sayfa geçişi, önbellekleme vb. için sunucu fonksiyonları kullanılabiliyor

[woohm402]

React resmi belgelerinde controlled component'ler önerilmiyor mu?

[carrotfarm]

Kontrollü bileşen olarak yaparsanız script kullanmanız gerekiyor
ve bunun için de istemci bileşeni olarak oluşturmanız lazım; ama bu durumda
cache ve benzeri açılardan kayıp yaşanıyor.

Bu kez eklenen server action, bileşen içindeki fonksiyonlarda
'use server' tanımlayabilmeyi sağlıyor; böylece
mutation sırasında da server component’i koruyarak kullanılabiliyor gibi görünüyor.

Bu Next.js sürümünde script kullanımını en aza indirme yaklaşımı ve genel stratejiye baktıkça
Remix’e benziyor.

Sunucu kodu ile istemci kodunun iç içe olması da
eski PHP’yi hatırlatıyor bana

[opnayn]

Çevirim kötü olduğu için tuhaf bir serbest çeviri yapmışım. Orijinal metin, Server Actions bölümünün ilk paragrafı.

React ekosistemi; formlar, form durumunun yönetimi ve verinin önbelleğe alınması ile yeniden doğrulanması etrafında çok sayıda yenilik ve fikir keşfine sahne oldu. Zaman içinde React, bu kalıpların bazılarında daha belirgin tercihlere sahip hale geldi. Örneğin, form durumu için önerilen yaklaşım “uncontrolled components” idi.