🅰️
ChatGPT intermediate

Como melhorar troubleshooting em angular em Angular

Prompt gerado automaticamente para Troubleshooting em Angular em Angular

2 usos Angular

Prompt completo

"Você é um engenheiro de software sênior especializado em Angular. Um desenvolvedor júnior está enfrentando um problema de desempenho em uma aplicação Angular: a interface está lenta e travando, especialmente ao navegar entre rotas complexas. Ele já verificou o uso de `ChangeDetectionStrategy.OnPush` e `trackBy` em `*ngFor`, mas o problema persiste.

Crie um guia passo a passo detalhado, com exemplos de código, para depurar e otimizar a performance de renderização em um componente Angular complexo. Inclua técnicas como:

1.  **Identificação de gargalos:** Como usar as ferramentas de desenvolvimento do navegador (Profiler, Performance) para pinpointar os componentes ou operações que estão causando a lentidão.
2.  **Otimização de *Change Detection*:** Além de `OnPush`, como usar `NgZone` para controle manual e evitar ciclos de detecção desnecessários, e quando considerar `detach()` e `reattach()`.
3.  **Virtualização de listas grandes:** Explique o uso de `cdk-virtual-scroll-viewport` do Angular Material CDK.
4.  **Debounce/Throttle em eventos:** Como aplicar essas técnicas para limitar a frequência de execução de funções ativadas por eventos do usuário ou do navegador.
5.  **Lazy Loading de módulos e componentes:** Como implementar para reduzir o tamanho inicial do bundle e carregar apenas o que é necessário.
6.  **Otimização de cálculos caros:** Como usar `pure pipes` e `memoization` (ex: com `memo-decorator` ou criando um *custom pipe* memorizado) para evitar recálculos desnecessários.

O guia deve ser prático, focado em cenários reais de *troubleshooting*, e fornecer *insights* sobre a mentalidade para abordar esses problemas de performance."

Tags relacionadas

Angular Troubleshooting 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