Todas las nuevas funciones de React 18
El equipo de React reveló nuevas características que vendrán a React en React 18 y en este blog, exploraremos estas características y cómo pueden ayudarlo en un futuro cercano.
Modo estricto 🧑🏽🏫
El modo estricto tiene algunas adiciones, como un nuevo comportamiento llamado "efectos estrictos" . Esto nos permite invocar efectos como mounty unmount. Crea un entorno para corregir el comportamiento con Fast Refresh durante el desarrollo, no solo buscando componentes más resistentes. También hay una 'API fuera de la pantalla' que se está construyendo actualmente.
Una API fuera de la pantalla permitirá un mejor rendimiento ocultando componentes en lugar de desmontarlos, manteniendo el estado y aún llamando a los efectos mount/ unmount.
Procesamiento automático por lotes ⚙️
Ahora hay importantes mejoras con el procesamiento por lotes automático. Primero veremos el rendimiento.
Reaccione ya agrupadas, en otras palabras agrupadas, múltiples actualizaciones de estado en una para minimizar las repeticiones innecesarias. Sin embargo, elementos como Promesas, tiempos de espera u otros controladores no lo aprovecharon, ya que solo se limitaba a los controladores de eventos DOM.
Todo esto cambia con React 18, que generará actualizaciones de estado por lotes sin límites, siempre que sea seguro hacerlo. ¿El resultado, preguntas?… Esto crearía un mejor desempeño sin ninguna participación adicional.
Renderizado concurrente 🔁
La renderización simultánea es definitivamente una de las que debe buscar, ya que es, con mucho, la actualización más grande con React 18.
Antes de este nombre, se llamaba 'modo concurrente'. El cambio de nombre significa la habilitación de la adopción gradual de características concurrentes. Esto nos permite adoptar funciones simultáneas sin reescribir el código y hacerlo a su propio ritmo.
Nuevas API 🆕
Con React 18, obtenemos varias API nuevas que vienen en muchas formas.
startTransition- Su propósito es detectar actualizaciones de estado como transiciones , haciendo que su manejo no sea urgente.
useDeferredValue - Este gancho le dará un elemento diferido del valor pasado, que seguirá al original, hasta el tiempo de espera proporcionado.
SuspenseList- Este componente está destinado a manejar casos en los que, por ejemplo, los datos obtenidos pueden llegar en un orden impredecible. Gracias a <SuspenseList>, se puede orquestar un componente y mantendrá la interfaz de usuario bajo control.
API raíz 🎴
createRootreemplazará la renderfunción. La nueva API es la puerta de entrada para acceder a las nuevas funciones de React 18. Está destinado a fomentar la adopción gradual y facilitar las comparaciones de rendimiento potencial.
Aquí hay algunas actualizaciones nuevas que llegarán a React 18 y espero que esté emocionado por ellas y los beneficios y la eficiencia que pueden brindar a los desarrolladores de React.
Más contenido en plainenglish.io
Suggested posts
Búsqueda de información sobre nombres de dominio
Un extracto de Small, Sharp Software Tools de Brian P. Hogan
Cuando realiza una solicitud a facebook.com, su computadora busca el nombre de dominio para traducir ese nombre de dominio en una dirección IP para que su computadora pueda hacer esa conexión.
Evitar las consecuencias devastadoras de un derrame cerebral: aprender del viaje de una familia.
Introducción Un accidente cerebrovascular es una emergencia médica que puede afectar a cualquier persona en cualquier momento. Ocurre cuando se interrumpe el flujo de sangre a una parte del cerebro, lo que lleva a una pérdida repentina de la función cerebral.
Related posts
La revolución del lugar de trabajo: los mejores expertos hablan sobre el trabajo híbrido y remoto
En el panorama empresarial en rápida evolución actual, el concepto de trabajo híbrido y remoto ha ganado un impulso sin precedentes. A medida que las empresas continúan adaptándose a las necesidades y expectativas cambiantes de sus empleados, expertos de varios campos se han reunido para analizar los beneficios, los desafíos y el futuro de esta forma transformadora de trabajar.
El desafío de lectura de Goodreads es tóxico
La picazón en mi mano se extendió mientras negociaba con el librero local por otro libro. Este libro, como el resto que compré recientemente, encontraría su trono en mi pila de 'To Be Read' (TBR); y sin embargo, lo compré.
Lo que puede hacer en su temporada de espera (esperando conseguir su primer trabajo en tecnología)
Cambiar a una nueva carrera puede ser extremadamente desafiante si trata de hacerlo solo. Es importante encontrar socios responsables que estén en el mismo nivel de aprendizaje que usted, que compartan objetivos, tenacidad e impulso similares.