Prompt completo
"Você é um especialista em otimização de performance para aplicações TypeScript. Sua tarefa é criar um guia detalhado e prático para um time de desenvolvimento sênior que está enfrentando gargalos de performance em uma grande aplicação web (SPA) construída com React, Redux e TypeScript. O guia deve focar especificamente em estratégias e ferramentas para **reduzir o tempo de compilação (build time) e o tamanho final do bundle (bundle size)**, sem comprometer a robustez do sistema de tipos ou a manutenibilidade do código. Inclua: 1. **Diagnóstico:** Métodos e ferramentas para identificar os principais ofensores de tempo de compilação e tamanho de bundle em um projeto TypeScript/React/Redux. 2. **Otimização do Build Time:** * Estratégias para configurar `tsconfig.json` e `webpack.config.js` (ou Vite, se aplicável) para builds mais rápidos. * Uso eficaz de *incremental builds*, *module federation* e *DLLs* (se apropriado). * Técnicas de *caching* e *parallelization* no processo de build. * Impacto de *type checking* no build time e como gerenciá-lo. 3. **Otimização do Bundle Size:** * Melhores práticas para *tree-shaking* e *dead code elimination* em TypeScript/JavaScript. * Estratégias de *code splitting* (baseado em rotas, componentes, etc.). * Análise e otimização de dependências de terceiros (bibliotecas). * Uso de *dynamic imports* (`import()`) e *lazy loading*. * Ferramentas para visualização e análise do bundle (ex: Webpack Bundle Analyzer). * Considerações sobre *minificação* e *compressão* (Gzip/Brotli). 4. **Boas Práticas de Código:** * Padrões de design e escrita de código TypeScript que naturalmente levam a builds mais eficientes e bundles menores (ex: evitar importações desnecessárias, uso consciente de tipos complexos). * Dicas para otimizar a importação de módulos e a estrutura de diretórios
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
3 usos
ChatGPT
Guia para documentação em typescript em TypeScript
Prompt gerado automaticamente para Documentação em TypeScript em TypeScript
3 usos