1
resposta

[Dúvida] Falta de renderização e renderização desnecessária

Entendi que o react (e redux), para verificar se um estado mudou ou não, o que eles fazem é verificar se a referência mudou, e não os valores. Nisso conclui-se que se eu utilizar a mutabilidade, o react pode não identificar a alteração e não disparar a atualização da view. Porém, o professor citou as "renderizações desnecessárias", porém não entendi quando que isso pode acontecer.

1 resposta

Opa Tiago, tudo bem?

Acredito que o objetivo ao utilizar o termo "renderizações desnecessárias", é indicar um cenário onde o React renderizaria não somente as partes da interface que mudam com base nos dados. E sim todos os componentes, incluindo os que não são afetados pelas mudanças na variável.

Para evitar essas renderizações desnecessárias, podemos utilizar a imutabilidade, ou seja, criar um novo estado a partir do estado anterior, mantendo os valores originais e alterando apenas o que for necessário. Dessa forma, o React consegue identificar as mudanças corretamente e atualizar a view apenas quando necessário.

Fico à disposição.

Tenha um bom dia e bons estudos.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software