Next.js 13.4 veröffentlicht: App Router stabilisiert, Server Actions als Alpha hinzugefügt

• App Router (Stable)
• Turbopack (Beta)
  • Das in Version 13 hinzugefügte Turbopack wurde in die Beta-Phase überführt
  • Zur Stabilisierung und für Feedback wird Dogfooding auf Vercel.com sowie bei Vercel-Kunden mit groß angelegtem Einsatz von Next.js durchgeführt
• Server Actions (Alpha)
  • Im React-Ökosystem gibt es viele Meinungen zum State-Management von Formularen
  • In der offiziellen React-Dokumentation werden „uncontrolled components“ empfohlen
  • Hinzugefügt wurde eine Funktion, mit der im Next.js-Server Aktionsfunktionen einem form zugewiesen werden können (Server Actions)
  • In Server Components kann über die action-Prop von form eine Funktion zugewiesen werden
  • Diese Funktion arbeitet als Server-Funktion, wenn 'use server'; geschrieben wird
  • Über das next-Paket lassen sich Server-Funktionen für Seitennavigation, Caching usw. verwenden

[woohm402]

Werden in der offiziellen React-Dokumentation keine kontrollierten Komponenten empfohlen?

[carrotfarm]

Bei einer kontrollierten Komponente muss man ein Skript verwenden,
dafür muss man sie dann als Client-Komponente erstellen, und dadurch hat man bei Caching und Ähnlichem Nachteile.

Die diesmal hinzugefügte Server Action scheint es zu ermöglichen, in einer Funktion innerhalb der Komponente 'use server' zu deklarieren,
sodass man sie auch bei Mutationen verwenden kann, während man die Server-Komponente beibehält.

Diese Version von Next.js versucht den Einsatz von Skripten zu minimieren, und je mehr man sich die gesamte Strategie und so ansieht,
desto mehr ähnelt sie Remix.

Dass Server-Code und Client-Code vermischt sind,
erinnert mich an das alte PHP.

[opnayn]

Meine Übersetzung war unbeholfen und ist dadurch zu einer seltsamen freien Übertragung geworden. Das Original ist der erste Absatz zu den Server Actions.

Im React-Ökosystem gab es viel Innovation und das Ausprobieren von Ideen rund um Formulare, die Verwaltung des Formularzustands sowie das Caching und die Revalidierung von Daten. Mit der Zeit hat React bei einigen dieser Muster eine klarere Haltung eingenommen. So wurden zum Beispiel für den Formularzustand „uncontrolled components“ empfohlen.