Desenvolvimento Web
Roadmap Desenvolvedor React
Componentes, hooks, renderização, busca de dados, error boundaries e testes em React.
- Intermediário
- cerca de 9 horas
- 5 módulos
- 12 etapas
Antes de começar
O que você vai aprender
1. Fundamentos de React
Componentes e JSX, props, estado e eventos, e os hooks useState e useEffect.
- Componentes e JSX — React · Componentes e JSX
- Props, Estado e Eventos — React · Props, Estado e Eventos
- useState e useEffect — React · useState e useEffect
2. Refs, Context e Hooks Customizados
Acesse o DOM com refs, compartilhe estado com context e extraia lógica em hooks customizados.
- useRef e Context — React · useRef e Context
- Hooks Customizados — React · Hooks Customizados
3. Busca de Dados e Formulários
Busque e faça cache de dados do servidor com React Query e construa formulários com validação sólida.
- Busca de Dados e React Query — React · Busca de Dados e React Query
- Formulários e Validação — Engenharia de Frontend · Formulários e Validação
4. React em Produção
Roteamento, error boundaries e testes de componentes React.
- Roteamento e Formulários — React · Roteamento e Formulários
- Error Boundaries — React · Error Boundaries
- Testes em React — React · Testes em React
5. Renderização e Memoização
Como o React renderiza e reconcilia, e quando useMemo, useCallback e memo realmente ajudam.
- Renderização e Reconciliação — React · Renderização e Reconciliação
- useMemo, useCallback e memo — React · useMemo, useCallback e memo
Cada etapa é liberada quando você responde bem às suas questões, e um módulo concluído conta em todos os roadmaps que o compartilham.
Comece este roadmap grátis