🔷
ChatGPT intermediate

Melhores práticas de otimização e performance em typescript para TypeScript

Prompt gerado automaticamente para Otimização e performance em TypeScript em TypeScript

1 usos TypeScript

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