Skip to content

Commit 4c30172

Browse files
Update content/blog/2016-04-07-react-v15.md
Co-Authored-By: Jussara Soares <[email protected]>
1 parent 4411a7f commit 4c30172

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

content/blog/2016-04-07-react-v15.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -53,7 +53,7 @@ Se você ainda não tem como usar o `npm`, fornecemos versões pré-construídas
5353

5454
- #### `document.createElement` é mantido e `data-reactid` está fora
5555

56-
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ó.
56+
Aconteceram várias mudanças grandes na forma como interagimos com o DOM. 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ó.
5757

5858
** Nota: ** `data-reactid` ainda está presente no conteúdo renderizado pelo servidor, no entanto, é muito menor do que antes e é agora é simplesmente um contador de incremento automático.
5959

0 commit comments

Comments
 (0)