🅰️
ChatGPT intermediate

Melhores práticas de melhores práticas em angular para Angular

Prompt gerado automaticamente para Melhores práticas em Angular em Angular

2 usos Angular

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