Prompt completo
"Você é um engenheiro de software sênior especializado em otimização de performance. Elabore um guia prático e detalhado para um time de desenvolvimento que está enfrentando gargalos de performance em uma aplicação web complexa construída com React e TypeScript. O guia deve focar em técnicas avançadas de otimização de performance específicas para TypeScript, indo além das otimizações JavaScript genéricas. Aborde os seguintes pontos com exemplos de código concisos e claros, e explique o 'porquê' de cada otimização em termos de impacto na performance e na robustez do código: 1. **Otimização de Tipagem para Redução de Overhead em Tempo de Execução:** * Uso estratégico de `any` vs. tipagens mais estritas em cenários de alta performance (e quando evitar `any`). * Impacto de tipos complexos (ex: tipos condicionais, mapped types extensos) na compilação e no *runtime* (se houver). * Técnicas para otimizar o *inferencing* de tipos em coleções grandes ou operações iterativas. 2. **Padrões de Projeto TypeScript para Performance:** * Implementação de *memoization* (ex: `React.memo`, `useMemo`, `useCallback`) com tipagem forte e segura. * Estratégias de *lazy loading* de módulos e componentes TypeScript, incluindo a tipagem correta para `React.lazy` e `Suspense`. * Otimização de chamadas de API e manipulação de dados com tipagem, focando em evitar re-renderizações desnecessárias e otimizar o consumo de memória. 3. **Ferramentas e Configurações de Build para Performance em Projetos TypeScript:** * Configurações ideais de `tsconfig.json` para performance de build e *runtime* (ex: `isolatedModules`, `noEmitHelpers`). * Integração com *bundlers* (Webpack/Vite) para otimização de *tree-shaking* e *code-splitting* em TypeScript. * Utilização de ferramentas de *profiling* (ex: Chrome DevTools Performance, React Profiler) para identificar gargalos específicos do TypeScript no *runtime*. O guia deve
Tags relacionadas
TypeScript
Otimização e performance em TypeScript
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 TypeScript
ChatGPT
Guia para otimização e performance em typescript em TypeScript
Prompt gerado automaticamente para Otimização e performance em TypeScript em TypeScript
4 usos
ChatGPT
Guia para fundamentos de typescript em TypeScript
Prompt gerado automaticamente para Fundamentos de TypeScript em TypeScript
2 usos
ChatGPT
Guia para documentação em typescript em TypeScript
Prompt gerado automaticamente para Documentação em TypeScript em TypeScript
2 usos