Olá, no vídeo mostra o cache do elemento. Os mesmo valores nos 3 campos são inseridos. E se na segunda vez fossem inseridos diferentes valores, como a lógica no código sabe que é diferente e desta vez pega o valor do campo ao invés de usar o cache?
Olá, no vídeo mostra o cache do elemento. Os mesmo valores nos 3 campos são inseridos. E se na segunda vez fossem inseridos diferentes valores, como a lógica no código sabe que é diferente e desta vez pega o valor do campo ao invés de usar o cache?
hoje, com a Alura e o Google Gemini
Oii, Dev! Tudo bem?
Agradeço por aguardar o nosso retorno.
Quando os mesmos valores são inseridos nos campos, o cache é utilizado para evitar a renderização desnecessária do elemento. Porém, caso valores diferentes sejam inseridos nos campos em uma segunda vez, a lógica do código é capaz de detectar essa diferença e atualizar o elemento com os novos valores.
Isso acontece porque o Typescript utiliza o conceito de estado para gerenciar as informações dos componentes. Quando o estado de um componente é atualizado, o Typescript re-renderiza o componente com as informações atualizadas.
Para exemplificar, imagine que você tem um campo de input que recebe um valor digitado pelo usuário. Quando o usuário digita um novo valor, o estado do componente é atualizado com essa informação. O Typescript detecta essa mudança de estado e atualiza o elemento com o novo valor.
Espero ter sanado suas dúvidas. Fico à disposição.
Bons estudos!