- Várias mudanças grandes na forma como interagimos com o DOM aconteceram. Uma das mudanças mais notáveis é que não definimos mais o atributo `data-reactid` para cada nó do DOM. Embora essa mudança torne mais difícil saber se um site está usando o React, a vantagem é que o DOM fica muito mais leve. Essa alteração foi possível ao escolhermos o uso de `document.createElement` na renderização inicial. Anteriormente, gerávamos uma grande string de HTML e, em seguida, definíamos `node.innerHTML`. Na época, decidiu-se que essa abordagem era mais rápida do que usar `document.createElement` para a maioria dos casos e navegadores compatíveis. Mas os navegadores continuaram a melhorar tanto que a razão por trás da nossa abordagem inicial não é mais verdadeira. Ao usar `createElement`, podemos fazer com que outras partes do React fiquem mais rápidas. Os IDs foram usados para mapear os eventos para o componente React original, o que significa que tínhamos que fazer muita coisa em todos os eventos, mesmo já tendo esses dados armazenados em cache. Como todos já vimos, o armazenamento em cache e, em particular, a invalidação de caches, podem ser propensos a erros e, como resultado, vimos muitos problemas difíceis de serem reproduzidos. Agora podemos construir um mapeamento direto no momento da renderização, já que já temos um identificador no nó.
0 commit comments