Estratégias de JavaScript de pilha completa

Capítulo 15. Gestão do Estado

Este trabalho foi traduzido com recurso a IA. Agradecemos o teu feedback e comentários: [e-mail]

Com o repositório estabelecido e o aplicativo pronto para ser desenvolvido, é hora de começar a criar visualizações com base nos designs do Figma e no seu diagrama de arquitetura. Já tens o contentor do cabeçalho quase todo preenchido, por isso podes ver onde começas a fazer malabarismos com várias coisas, como estado, chamadas à API e renderização condicional.

A gestão do teu estado vai determinar a forma como tratas os dados dinâmicos e os valores que se alteram com base nas acções do utilizador. Existem algumas formas de abordar a gestão do estado, e a maioria das aplicações utiliza uma combinação das abordagens para manter o código tão simples quanto possível.

Neste capítulo, abordarei:

• Diferentes formas de gerir o estado e quando as podes utilizar

• O ciclo de vida do estado em React

• Como partilhar o estado entre componentes

• Gestão da perfuração de prumos

É importante compreender como o estado funciona, quando é atualizado e por que razão utilizas diferentes abordagens. Precisas de ter um conhecimento mais profundo sobre isto para que possas treinar os outros na tua equipa e para que possas escrever o código mais optimizado possível. Quando os estados não são gerenciados corretamente, isso pode levar a alguns efeitos colaterais estranhos na interface do usuário. Então, vamos começar mergulhando em como o estado do componente ...