React do zero: interfaces com estado
Transforme dados em componentes que respondem a cada interação.
Seu progresso neste dispositivo
0 de 6 aulasVocê escolhe quando uma aula está concluída.Começar o cursoPrograma do curso
Do primeiro conceito ao projeto
Componentes e JSX: sua primeira interface React com ViteCrie um projeto React com Vite, entenda componentes e JSX e renderize uma interface pequena que responde a uma interação do usuário.PendenteProps e composição: conecte componentes ReactPasse dados do componente pai para os filhos com props, componha cartões reutilizáveis e mantenha cada responsabilidade fácil de localizar.PendenteEventos e estado no React: atualize a tela com useStateResponda a cliques, modele estado com useState e aplique atualizações baseadas no valor anterior sem modificar objetos diretamente.PendenteListas, keys e filtros no ReactRenderize coleções com map, escolha keys estáveis e derive uma lista filtrada sem duplicar nem modificar o estado original.PendenteFormulário controlado no React: entrada e validaçãoControle campos com estado, valide a entrada no envio e mostre mensagens acessíveis sem recarregar a página nem perder os dados existentes.PendenteProjeto React: painel de tarefas completoReúna componentes, props, estado, formulário, listas e filtros em um painel de tarefas com fluxo acessível e critérios objetivos de conclusão.Pendente
Depois da leitura
Continue estudando nos canais do Grupo Club
Os vídeos são complementares. Todo conceito, exercício e critério de conclusão já está explicado nas aulas em texto.
Prefere aprender em vídeo?
Tem aula sobre este assunto no nosso canal.
DevClub no YouTubeReact do Zero: A Aula que Vai te Tornar um Dev Front End | #Live118Assistir a aula
DevClub no YouTubeAprendendo React do Zero, Conectando Back e Front End, e Consumindo APIAssistir a aula
DevClub no YouTubeDominando o React Hook useState | Aprenda a Gerenciar o Estado no ReactAssistir a aula