Vista previa de React 18
(gist.github.com/seonghyeonkimm)<p>* Ahora que React 18 rc ya está definido, veamos qué funciones se agregaron<br />
<br />
* Automatic batching for fewer renders<br />
* A partir de React 18, las llamadas consecutivas a `setState` que ocurren dentro de `promise`, `setTimeout`, etc., también se procesan en lote<br />
<br />
* SSR support for Suspense<br />
* Se mejoró para que también se pueda usar `Suspense` en SSR<br />
<br />
* Se agregaron concurrent features<br />
* `useTransition`: distingue entre actualizaciones de estado urgentes y no urgentes. El código que antes usaba debouncing puede mejorarse usando este hook<br />
* `useDeferredValue`: permite usar un valor diferido del estado, equivalente a poner el código de actualización de estado dentro de `startTransition`<br />
* `useId`: se mejoró para poder usar IDs únicos<br />
* `useSyncExternalStore`: excluyendo stores internos como `props` y `state`, ahora se pueden detectar cambios en objetos mutables externos y usarlos como estado del componente.<br />
<br />
* StirctMode + StrictEffect<br />
* 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.</p>
Aún no hay comentarios.