-
Tópicos
- Organização de pastas por domínio ou tipo
- Separação entre components, pages, hooks e services
- Componentes reutilizáveis e desacoplados
- Padronização de naming e imports
- Uso consciente de estado global
-
Tópicos
- Bundle size, tree shaking e code splitting
- Lazy loading de rotas e componentes
- Otimização de imagens e fontes
- Uso de cache HTTP e estratégias básicas
- Medir performance com Lighthouse e Web Vitals
-
Tópicos
- Diferença entre testes unitários, de integração e E2E
- Configurar Jest ou Vitest em um projeto SPA
- Testar componentes com Testing Library
- Testes E2E com Cypress ou Playwright (visão geral)
- Escolher o que é crítico para testar no projeto
-
Tópicos
- Tipos básicos, interfaces e tipos opcionais
- Tipagem de props e estado em componentes
- Tipos para hooks e services de API
- Refatorar partes críticas de JS para TS
- Evitar any desnecessário e melhorar DX
-
Tópicos
- Conceitos básicos de REST e status HTTP
- Fluxos de login, logout e sessão
- Armazenar tokens com segurança relativa no frontend
- Estados de loading, erro e empty state
- Camada de serviços de API reutilizável no projeto
Como usar esta trilha
Esta página não é um curso completo. Ela só organiza, em ordem, temas que fazem sentido estudar
se você quer se aprofundar nesse assunto.
- Use a sequência como um mapa de referência, não como uma obrigação rígida.
- Procure conteúdos (vídeos, artigos, livros, documentações) para cada tópico listado.
- Adapte, pule ou reordene módulos conforme sua experiência e contexto.