Guias Técnicos de Front-end
Este diretório contém documentos detalhados sobre conceitos fundamentais de front-end utilizados no projeto. Estes guias explicam o funcionamento, quando usar e quando evitar cada tecnologia ou padrão.
Tópicos Disponíveis
| Assunto | Descrição | Link |
|---|---|---|
| useEffect | Sincronização e efeitos colaterais. | Ver Guia |
| useCallback | Memorização de funções. | Ver Guia |
| useMemo | Memorização de cálculos caros. | Ver Guia |
| Hooks | Visão geral e Custom Hooks. | Ver Guia |
| Actions | Chamadas de API na camada de Application. | Ver Guia |
| Props | Passagem de dados e Slot Components. | Ver Guia |
| Componentes | Anatomia e sintaxe obrigatória. | Ver Guia |
| React Fragment | Agrupamento de elementos nativo. | Ver Guia |
| Fragment Component | Fragmentos de tela (Padrão arquitetural). | Ver Guia |
| Page (Screen) | Orquestração de interface, hooks de tela e fragmentos. | Ver Guia |
| Redux Toolkit | Gestão de estado global simplificada. | Ver Guia |
| Redux Saga | Middleware para efeitos colaterais complexos. | Ver Guia |
| TanStack Query | Gerenciamento de estado de servidor e cache. | Ver Guia |
| Tratamento de Erro | Classes de erro e propagação entre camadas. | Ver Guia |
| Interfaces | Contratos para objetos e extensibilidade. | Ver Guia |
| Mock Server | Servidor local de API para desenvolvimento. | Ver Guia |
| Types | Aliases, uniões e flexibilidade de tipos. | Ver Guia |
Fundamentos Teóricos
| Assunto | Descrição | Link |
|---|---|---|
| SOLID | Princípios de design para código escalável. | Ver Guia |
| POO | Programação Orientada a Objetos e pilares. | Ver Guia |
| DRY | Como evitar duplicidade de código. | Ver Guia |
| SoC | Separação de preocupações e arquitetura. | Ver Guia |
| BFF | Backend For Frontend e performance. | Ver Guia |
| TDD | Desenvolvimento orientado por testes. | Ver Guia |
| KISS | Simplicidade e legibilidade do código. | Ver Guia |
| YAGNI | Evitando over-engineering. | Ver Guia |
| Web Vitals | Sinais de qualidade de experiência do usuário. | Ver Guia |
| Clean Code | Práticas para código legível e mantível. | Ver Guia |
| Design Patterns | Soluções comuns para problemas de design. | Ver Guia |
| Acessibilidade | Princípios teóricos de inclusão digital. | Ver Guia |
| Multi-tenant | Arquitetura para múltiplos clientes em uma única instância. | Ver Guia |
| CI/CD | Integração e Entrega Contínua. | Ver Guia |
| React Internals | Fiber, Reconciliation e Concurrent. | Ver Guia |
| Performance Avançada | Virtualização e Web Workers. | Ver Guia |
| Algoritmos e ED | Complexidade e Estruturas de Dados. | Ver Guia |
| Estratégia de Testes | E2E, RTL e Regressão Visual. | Ver Guia |
| P. Funcional | Imutabilidade e Paradigma Reativo. | Ver Guia |
| Arquitetura Avançada | DDD, Micro-frontends e Eventos. | Ver Guia |
Dica: Se você é novo no projeto, recomendamos começar pela leitura das Camadas do Sistema para entender onde cada um desses conceitos se encaixa.