Vista previa de React 18

• Ahora que React 18 rc ya está definido, veamos qué funciones se agregaron

• Automatic batching for fewer renders

  • A partir de React 18, las llamadas consecutivas a setState que ocurren dentro de promise, setTimeout, etc., también se procesan en lote

• SSR support for Suspense

  • Se mejoró para que también se pueda usar Suspense en SSR

• Se agregaron concurrent features

  • useTransition: distingue entre actualizaciones de estado urgentes y no urgentes. El código que antes usaba debouncing puede mejorarse usando este hook

  • useDeferredValue: permite usar un valor diferido del estado, equivalente a poner el código de actualización de estado dentro de startTransition

  • useId: se mejoró para poder usar IDs únicos

  • useSyncExternalStore: excluyendo stores internos como props y state, ahora se pueden detectar cambios en objetos mutables externos y usarlos como estado del componente.

• StirctMode + StrictEffect

  • Para identificar si hay código que pueda causar problemas con la futura OffScreen API y con Fast Refresh, que ya fue agregado, en el entorno de desarrollo se renderiza dos veces incluyendo effect. Al escribir código de componentes, hay que hacerlo de forma que no cause problemas aunque effect se ejecute varias veces, como en mount, unmount, mount.