Estoy creando una página de marketing y usando un CMS similar a WordPress. Como resultado, la mayor parte del DOM de la página se representará en el lado del servidor. Tenemos algunos componentes interactivos en la página que queremos usar React para construir. Por lo tanto, cada componente interactivo será su propia raíz React y se inicializará con ReactDOM.render().
Esto probablemente esté bien si tuviera una o dos instancias. El problema es que tengo unos cientos de ellos. ¿Esto conducirá a problemas de rendimiento si llamo ReactDOM.render() cientos de veces en la misma página? Si es así, ¿qué tipo de problemas? ¿Tiempo de inicio, interacción, tiempo de carga de la página, etc.?
¿Qué otras desventajas tiene este enfoque?
Algunas de las investigaciones que he hecho y leído:
- https://github.com/facebook/react/issues/12700
- ¿Está bien usar React.render() varias veces en el DOM?