Aperçu de React 18

• Voyons quelles fonctionnalités ont été ajoutées maintenant que la RC de React 18 est confirmée

• Automatic batching for fewer renders

  • À partir de React 18, les setState consécutifs déclenchés dans des promise, setTimeout, etc. sont eux aussi traités en batch

• SSR support for Suspense

  • Amélioration permettant d’utiliser aussi Suspense côté SSR

• Ajout de fonctionnalités concurrentes

  • useTransition : distingue les mises à jour d’état urgentes et non urgentes. Il est possible d’améliorer du code qui utilisait du debouncing en utilisant ce hook

  • useDeferredValue : permet d’utiliser une valeur différée du state, comme si l’on plaçait le code de mise à jour du state dans startTransition

  • useId : amélioration permettant d’utiliser des ID uniques

  • useSyncExternalStore : en dehors du store interne que sont les props et le state, il devient possible de détecter les changements d’objets mutables externes et de les utiliser comme state du composant.

• StirctMode + StrictEffect

  • Avec la future API OffScreen ajoutée et Fast Refresh déjà présent, le rendu s’effectue deux fois en environnement de développement, effets inclus, afin de repérer du code susceptible de provoquer des problèmes. Lors de l’écriture du code des composants, il faut donc écrire un code qui ne pose pas de problème même si les effets s’exécutent plusieurs fois, comme mount, unmount, puis mount.