reactjs - for - ¿Cuál es la diferencia entre React vs React Fiber?
react or react js (5)
Acabo de escuchar que la fibra de reacción está lista. ¿Cuál es la gran diferencia entre reaccionar y reaccionar a la fibra? ¿Vale la pena aprender todo el nuevo concepto de esas diferencias?
React 16 beta se lanzó hace unas horas: https://github.com/facebook/react/issues/10294 .
El núcleo React reescrito (lo que se denominó internamente como "fibra") debe seguir siendo compatible con las aplicaciones existentes, excepto por algunos cambios de última hora (consulte las notas de la versión en Github). Como la mayoría de los cambios están bajo el capó, no necesitará aprender un concepto completamente nuevo.
React Fiber es una reimplementación continua del algoritmo central de React. La principal diferencia entre reaccionar y reaccionar a la fibra son estas nuevas características:
Rendering incremental: - React v16.0 incluye un renderizador de servidor completamente reescrito. Es realmente rápido Es compatible con la transmisión, por lo que puede comenzar a enviar bytes al cliente más rápido
Manejar errores en la API de procesamiento: para hacer que el componente de clase sea un límite de error definimos un nuevo método de ciclo de vida llamado componentDidCatch (error, información).
Devuelve múltiples elementos del renderizado : con esta nueva función en React v16.0 ahora también podemos devolver una matriz de elementos y una cadena desde el método de renderizado del componente.
Portales : los portales proporcionan una forma de primera clase para convertir a los niños en un nodo DOM que existe fuera de la jerarquía DOM del componente principal.
Fragmentos : un patrón común en React es que un componente devuelva múltiples elementos. Los fragmentos le permiten agrupar una lista de niños sin agregar nodos adicionales al DOM.
Todo el mundo aquí ya ha mencionado aquí todas las nuevas características que están surgiendo con la fibra de reacción. Acentuaré en qué cambio de núcleo está reaccionando la fibra para mejorarse a sí mismo. Reaccionar fibra en realidad permitirá la pausa y el juego de diferentes tareas realizadas por el navegador. Dará prioridad a ciertas tareas sobre otras.
Por ejemplo, si una animación específica es importante en lugar de buscar datos en segundo plano. Impulsará la tarea de animación como la prioridad en la pila de ejecución, y una vez que la animación finalice o tome demasiado tiempo puede cambiar a la tarea de obtención de datos. Para permitir que estos navegadores modernos hayan abierto una API que es requestIdleCallback que permite que las tareas se pausen y se reproduzcan. requestIdleCallback
Eso que reacciona con la fibra está usando. Esto es lo que reacciona la fibra en la campana y es increíble.
Nota: puede que no sea exactamente correcto en algunos puntos. Estoy abierto a cualquier corrección si hay alguna
React Fiber Architecture
React Fiber es una reimplementación continua del algoritmo central de React. Es la culminación de más de dos años de investigación del equipo React.
El objetivo de React Fiber es aumentar su idoneidad para áreas como la animación, el diseño y los gestos. Su característica principal es la representación incremental: la capacidad de dividir el trabajo de renderizado en fragmentos y extenderlo en múltiples marcos.
Otras características clave incluyen la capacidad de pausar, abortar o reutilizar el trabajo a medida que entran nuevas actualizaciones; la capacidad de asignar prioridad a diferentes tipos de actualizaciones; y nuevas primitivas de concurrencia
React Fiber es una reimplementación continua del algoritmo central de React, es solo una reescritura interna completa de React .
React Fiber es una reescritura completa, compatible con versiones anteriores del núcleo React.
El objetivo de React Fiber es aumentar su idoneidad para áreas como la animación, el diseño y los gestos. Su característica principal es la representación incremental: la capacidad de dividir el trabajo de renderizado en fragmentos y extenderlo en múltiples marcos.
React Fiber es un marco de pila virtual, con React Fiber como una reimplementación de un marco de pila especializado para componentes React. Cada fibra se puede considerar como un marco de pila virtual donde la información del marco se conserva en la memoria en el montón, y como la información se guarda en el montón, puede controlar y jugar con las estructuras de datos y procesar la información relevante según sea necesario.
Puede encontrar una excelente explicación de Lin Clark en este video .
Para obtener más información, consulte los siguientes enlaces:
2. Reacción de la arquitectura de fibra
3. ¿Qué significa Reacción 16 para ti?
¡Espero que esto te ayude!