React do Zero: Componentes, Estado e Hooks
Trilha prática para quem já conhece HTML, CSS e JavaScript básico e quer aprender React desde o primeiro componente. Cobre Vite, JSX, componentes, props, composição, eventos, estado, formulários, acessibilidade em componentes, efeitos, consumo de API, refs, Context, reducer, Custom Hooks, arquitetura, debugging, diagramas e quizzes formativos em todos os nós. Inclui cinco projetos relacionados para praticar em etapas.
// criado por
- Interface como componentes
- Preparando o ambiente com Vite
- JSX: JavaScript encontrando a interface
- Componentes: funções que constroem a UI
- Props: dados entrando no componente
- Composição e children
- Renderização condicional
- Listas e keys
- Eventos: reagindo às ações da pessoa
- useState: memória para o componente
- Atualizando objetos e arrays no estado
- Formulários controlados
- Acessibilidade em componentes React
- Elevando estado e criando uma fonte de verdade
- Estado derivado: calcule em vez de duplicar
- useEffect: sincronizando com sistemas externos
- Fetch: loading, erro e sucesso
- useRef: referências sem nova renderização
- Custom Hooks: reaproveitando lógica
- Context: dados compartilhados sem prop drilling
- useReducer: estado complexo com ações explícitas
- Arquitetura de componentes sem componente Deus
- Debugging em React
- Próximos passos depois do React do Zero
// pratique com projetos
Coloque em prática o que essa trilha ensina.
Catálogo de Produtos em React
Construa uma vitrine interativa com cards reutilizáveis, filtros, busca, estados vazios e uma experiência visual gostosa de explorar.
Habit Tracker em React
Crie um rastreador de hábitos com formulário controlado, grade semanal, filtros e estatísticas derivadas.
Jogo da Memória em React
Construa um jogo da memória com cartas, estado de rodada, pares encontrados, bloqueio de jogadas e feedback visual.
Kanban de Missões em React
Crie um quadro de missões com colunas, filtros, formulário, reducer e ações explícitas para mover tarefas.
Pokédex em React
Construa uma Pokédex que consome API, trata estados assíncronos, organiza favoritos e mostra detalhes em uma arquitetura limpa.