Prompt completo
"Atuando como um arquiteto sênior de software com vasta experiência em grandes projetos Angular, elabore um guia detalhado e prático sobre 'Melhores Práticas para Otimização de Performance e Escalabilidade em Aplicações Angular de Grande Porte'. O guia deve ir além do básico, abordando tópicos avançados como: 1. **Estratégias de Carregamento:** Diferenças e casos de uso para `Lazy Loading` (com exemplos de módulos e rotas), `Preloading Strategies` (incluindo estratégias customizadas) e `Differential Loading`. 2. **Detecção de Mudanças (Change Detection):** Explique `OnPush` (com cenários de uso e armadilhas), `NgZone` (quando e como usar/evitar) e a importância de `Immutable Data Structures` na otimização. 3. **Gerenciamento de Estado:** Compare abordagens como `NgRx` (com foco em `selectors`, `memoization` e `entity adapters`), `Akita`, `NGXS` e `Serviços Reativos Simples` (com `BehaviorSubject`/`ReplaySubject`), discutindo prós, contras e cenários ideais para cada um em termos de performance e escalabilidade. 4. **Otimização de Renderização:** Técnicas para evitar re-renderizações desnecessárias, uso de `trackBy` em `*ngFor`, `Pure Pipes` e `Pure Components`. 5. **Bundling e Build Process:** Abordagens como `Tree Shaking` (como garantir sua eficácia), `AOT Compilation` (benefícios e como maximizar), `Source Map Explorer` para análise do bundle e estratégias para `Code Splitting` granular. 6. **Gerenciamento de Memória:** Identificação e prevenção de `Memory Leaks` (ex: `unsubscribing` de `Observables`, `destroying` componentes), uso de `Weak References` quando aplicável. 7. **Testes de Performance:** Ferramentas e metodologias para medir e monitorar a performance de uma aplicação Angular (ex: Lighthouse, WebPageTest, Chrome DevTools Performance Tab, Protractor/Cypress para testes de performance). Cada tópico deve incluir exemplos de código concisos, cenários de "faça e não
Tags relacionadas
Angular
Melhores práticas em Angular
gerado-automaticamente
Como usar este prompt
1
Clique no botão "Copiar" para copiar o prompt para sua área de transferência
2
Acesse sua ferramenta de IA preferida (ChatGPT, ChatGPT, Claude, etc.)
3
Cole o prompt e adapte conforme necessário para seu contexto específico
Outros prompts de Angular
ChatGPT
Melhores práticas de padrões de design em angular para Angular
Prompt gerado automaticamente para Padrões de design em Angular em Angular
1 usos
ChatGPT
Melhores práticas de documentação em angular para Angular
Prompt gerado automaticamente para Documentação em Angular em Angular
4 usos
ChatGPT
Melhores práticas de ferramentas para angular para Angular
Prompt gerado automaticamente para Ferramentas para Angular em Angular
5 usos