Estoy aprendiendo sobre las partes internas de React de una charla de Paul O'Shannessy "Construyendo React desde cero"
En "7:29" , antes de explicar cómo funciona el proceso de renderizado, agregó estas pocas líneas de código que realmente no pude entender
const ROOT_KEY = 'dlthmRootId"; const instancesByRootId = {}; let rootId = 1; function isRooot(node) { if(node.dataset[RootKEY]) { return true } else { return false } }¡Dijo que debemos asegurarnos de que no haya conflicto de raíces!
No puedo entender esta parte, ¿cuáles son las raíces del conflicto? ¿Está esto relacionado con la representación del lado del servidor? o renderizar a múltiples raíces en lugar de un nodo raíz en la aplicación?
La aplicación React se inicializará en DOM con el siguiente código.
import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; ReactDOM.render(<App />, document.getElementById('root'));Lo que hace es convertir el componente React en un elemento en DOM con la identificación 'raíz'.
Por lo tanto, si hay algún caso en el que el elemento raíz se duplique o dos aplicaciones React intenten manipular un solo elemento raíz, eso se denominaría "conflicto" raíz.