Como documentar performance optimization em React

Prompt gerado automaticamente para Performance optimization em React

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

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 React

Continue explorando prompts nesta categoria.

Melhores práticas de server-side rendering para React

Prompt gerado automaticamente para Server-side rendering em React

Melhores práticas de error boundaries para React

Prompt gerado automaticamente para Error boundaries em React

Melhores práticas de performance optimization para React

Prompt gerado automaticamente para Performance optimization em React