Sortie de Next.js 13.4 : stabilisation de l’App Router, ajout de Server Actions en alpha

• App Router (stable)
• Turbopack (bêta)
  • Turbopack, ajouté dans la version 13, passe en phase bêta
  • Pour la stabilisation et la collecte de retours, Vercel mène un dogfooding à grande échelle sur Vercel.com et auprès de clients Vercel exploitant Next.js à grande échelle
• Server Actions (alpha)
  • Dans l’écosystème React, il existe de nombreux avis sur la gestion de l’état des formulaires
  • La documentation officielle de React recommande les "uncontrolled components"
  • Ajout d’une fonctionnalité permettant d’assigner une fonction d’action à un form sur le serveur Next.js (Server Actions)
  • Dans un composant serveur, il est possible d’assigner une fonction via la prop action du form
  • Cette fonction agit comme une fonction serveur en écrivant 'use server';
  • Il est possible d’utiliser des fonctions serveur pour la navigation entre pages, le cache, etc. via le package next

[woohm402]

La documentation officielle de React ne recommande-t-elle pas les composants contrôlés ?

[carrotfarm]

Avec un composant contrôlé, il faut utiliser du script,
et pour ça il faut en faire un composant client, mais dans ce cas
on y perd en cache et sur ce genre d’aspects.

Le server action ajouté cette fois semble permettre de déclarer
'use server' dans une fonction à l’intérieur du composant,
ce qui permet apparemment de l’utiliser lors des mutations tout en conservant un composant serveur.

Dans cette version de Next.js, l’usage des scripts est réduit au minimum et,
plus on regarde la stratégie d’ensemble et ce genre de choix, plus ça ressemble à Remix.

Le mélange de code serveur et de code client
me rappelle le vieux PHP.

[opnayn]

Je traduis maladroitement et j’en ai fait une interprétation étrange. Le texte original est le premier paragraphe de Server Actions.

L’écosystème React a connu beaucoup d’innovations et d’explorations d’idées autour des formulaires, de la gestion de l’état des formulaires, ainsi que de la mise en cache et de la revalidation des données. Avec le temps, React est devenu plus prescriptif à propos de certains de ces modèles. Par exemple, il recommandait les « composants non contrôlés » pour l’état des formulaires.