Google Traductor rompe React (y otras aplicaciones web): Un enfrentamiento DOM
Google Traductor, la extensión integrada de Chrome, manipula el DOM de una manera que rompe muchas aplicaciones web modernas, particularmente las que usan React. El artículo profundiza en cómo funciona Google Traductor, reemplazando TextNodes con FontElements, interrumpiendo el DOM virtual de React y causando bloqueos o inconsistencias de datos. Se analizan errores comunes como `NotFoundError` y fallas en `insertBefore`, junto con soluciones alternativas, como monkey patching y envolver TextNodes en elementos ``, pero estas soluciones tienen limitaciones. En última instancia, el artículo sugiere que los desarrolladores sopesen los pros y los contras, potencialmente deshabilitando Google Traductor o implementando su propia localización para garantizar la estabilidad de la aplicación y la experiencia del usuario.