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

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

5.0
49 usos
ChatGPT
Usar no ChatGPT
"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

Como Usar este Prompt

1

Clique no botão "Copiar Prompt" para copiar o conteúdo completo.

2

Abra sua ferramenta de IA de preferência (ChatGPT e etc.).

3

Cole o prompt e substitua as variáveis (se houver) com suas informações.

Compartilhe

Gostou deste prompt? Ajude outras pessoas a encontrá-lo!

Outros prompts de Angular

Continue explorando prompts nesta categoria.

Melhores práticas de padrões de design em angular para Angular

Prompt gerado automaticamente para Padrões de design em Angular em Angular

Melhores práticas de documentação em angular para Angular

Prompt gerado automaticamente para Documentação em Angular em Angular

Melhores práticas de ferramentas para angular para Angular

Prompt gerado automaticamente para Ferramentas para Angular em Angular