O Google Tradutor quebra o React (e outros aplicativos web): Um confronto DOM
O Google Tradutor, extensão integrada do Chrome, manipula o DOM de forma que quebra muitos aplicativos web modernos, particularmente aqueles que usam React. O artigo mergulha profundamente em como o Google Tradutor funciona, substituindo TextNodes por FontElements, interrompendo o DOM virtual do React e causando travamentos ou inconsistências de dados. Erros comuns como `NotFoundError` e falhas em `insertBefore` são analisados, juntamente com soluções alternativas, como monkey patching e envolvendo TextNodes em elementos ``, mas essas soluções têm limitações. Por fim, o artigo sugere que os desenvolvedores avaliem os prós e contras, potencialmente desabilitando o Google Tradutor ou implementando sua própria localização para garantir a estabilidade do aplicativo e a experiência do usuário.