Prompt completo
"Você é um engenheiro de software sênior especializado em otimização de performance para aplicações React. Seu cliente, uma startup em rápido crescimento, está enfrentando lentidão perceptível na sua aplicação web principal, construída com React e Redux. Eles notaram que o carregamento inicial da página e a interatividade em certas seções (como tabelas grandes e listas infinitas) são insatisfatórios, impactando a experiência do usuário e, consequentemente, as métricas de conversão. Sua tarefa é elaborar um plano de ação detalhado e prático para identificar, diagnosticar e resolver os gargalos de performance mais comuns em uma aplicação React. O plano deve cobrir as seguintes áreas: 1. **Identificação de Problemas:** Quais ferramentas e técnicas você usaria para pinpointar as causas raiz da lentidão (e.g., re-renderizações excessivas, cálculos caros, carregamento de bundles grandes, etc.)? 2. **Otimização de Renderização:** Quais estratégias de otimização de renderização (e.g., `React.memo`, `useCallback`, `useMemo`, virtualização de listas, etc.) você recomendaria e em quais cenários cada uma seria mais eficaz? 3. **Gerenciamento de Estado:** Como o uso ineficiente do Redux ou de outros gerenciadores de estado pode impactar a performance, e quais são as melhores práticas para mitigar esses problemas (e.g., normalização de dados, seletores eficientes)? 4. **Otimização de Bundle Size:** Quais abordagens você adotaria para reduzir o tamanho do bundle JavaScript (e.g., lazy loading, tree shaking, code splitting) e como isso afeta o tempo de carregamento inicial? 5. **Boas Práticas e Prevenção:** Quais são as boas práticas gerais que a equipe de desenvolvimento deve adotar para garantir que futuros desenvolvimentos não introduzam novos problemas de performance? Para cada ponto, forneça exemplos de código ou pseudocódigo quando apropriado para ilustrar a aplicação das técnicas. Seja conciso, mas abrangente, e use uma linguagem técnica precisa."
Tags relacionadas
React
Performance optimization
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 React
ChatGPT
Melhores práticas de server-side rendering para React
Prompt gerado automaticamente para Server-side rendering em React
4 usos
ChatGPT
Melhores práticas de error boundaries para React
Prompt gerado automaticamente para Error boundaries em React
4 usos
ChatGPT
Melhores práticas de performance optimization para React
Prompt gerado automaticamente para Performance optimization em React
4 usos