Dados todos los esfuerzos para hacer que React funcione rápido, todavía tengo problemas de rendimiento cuando se trata de manipulaciones DOM gobernadas por React. ¿Hay alguna manera de cambiar a manipulaciones DOM directas desde debajo de React sin romperlo?
PD: Estoy específicamente interesado en eliminar los nodos DOM.
Una forma segura de manejar esto es construir su componente sensible al rendimiento completamente fuera de React.
Esto se puede hacer a través de componentes web . React tiene una página que explica cómo los componentes web y los componentes de React se pueden usar juntos aquí .
Por lo tanto, puede tener un control completo sobre el DOM oculto dentro de su componente web para realizar cualquier manipulación de DOM que desee hacer, y luego puede insertar su componente web dentro de React sin preocuparse de que el algoritmo DOM virtual de React interfiera con lo que ha hecho. en la sombra DOM.
React se trata de manipular el estado para activar re-renderizaciones del DOM. En lugar de eliminar arbitrariamente el elemento del DOM como lo haría en jQuery, debe actualizar el estado filtrando el elemento de los accesorios. elementos que activarán una nueva representación del DOM con el elemento eliminado.
Para mejores manipulaciones, puede usar state para proyectos pequeños y redux para proyectos medianos a grandes.
useRef y useState son fáciles de usar y manipular.