Microaula em Método CELULA • Prévia Aberta

<p>Manipular o DOM diretamente em interfaces de alta complexidade gera código espaguete (&#x27;jQuery-style&#x27;), onde sincronizar o estado da aplicação com dezenas de elementos visuais torna-se inviável.</p>

Paradigma declarativo vs imperativo na web. Como funciona o React: JSX, reconciliação e o Virtual DOM. Componentes funcionais e passagem de dados via Props. Gerenciamento de estado local com o Hook useState. Efeitos colaterais e ciclo de vida com o Hook useEffect (montagem, desmontagem e array de dependências). Renderização condicional e listas com keys únicas. Conexão do React com a API Django criada anteriormente para leitura e escrita de dados.

O Paradigma Declarativo e o Virtual DOM

Descreva como a interface deve parecer e deixe o React atualizar o navegador.

• JSX é uma extensão de sintaxe que permite escrever estrutura semelhante a HTML dentro de JavaScript
• O Virtual DOM calcula as diferenças mínimas (diffing) antes de tocar no DOM real do navegador
• Altíssimo desempenho por consolidar múltiplas mutações em lotes otimizados

Props vs State e Imutabilidade

Diferencie dados transmitidos de dados que pertencem ao componente.
...