Melhores práticas de es6+ e funcionalidades modernas para JavaScript

Prompt gerado automaticamente para ES6+ e funcionalidades modernas em JavaScript

5.0
56 usos
ChatGPT
Usar no ChatGPT
"Você é um especialista em desenvolvimento web moderno. Sua tarefa é criar um **guia interativo e passo a passo** para um desenvolvedor JavaScript que deseja migrar um projeto de larga escala, atualmente usando ES5, para uma arquitetura baseada em módulos ES6+, aproveitando as funcionalidades mais recentes do JavaScript. O guia deve abordar os desafios comuns e as melhores práticas para essa transição.

O guia precisa cobrir os seguintes pontos, com exemplos de código concisos e relevantes para cada um:

1.  **Modularização:** Como reestruturar um codebase ES5 monolítico em módulos ES6, utilizando `import`/`export` e explicando a diferença entre `default` e `named` exports.
2.  **Classes e Herança:** Migração de protótipos ES5 para a sintaxe de `class` do ES6, incluindo o uso de `extends` e `super()`.
3.  **Funções Assíncronas (async/await):** Substituição de `callbacks` aninhados e `Promises` explícitas por `async/await` para um código mais legível e gerenciável.
4.  **Desestruturação (Destructuring):** Aplicação de desestruturação de arrays e objetos para simplificar a extração de valores e parâmetros de função.
5.  **Spread/Rest Operators:** Uso de `...` para clonagem de arrays/objetos, concatenação e manipulação de argumentos de função.
6.  **Arrow Functions:** Benefícios e considerações ao substituir funções tradicionais por arrow functions, especialmente em relação ao `this`.
7.  **Template Literals:** Substituição de concatenação de strings complexas por template literals para maior legibilidade.
8.  **Map, Set, WeakMap, WeakSet:** Explicação e exemplos práticos de quando usar cada uma dessas novas estruturas de dados para otimizar operações.
9.  **Melhores Práticas e Ferramentas:** Recomendações de linters (ESLint com configurações ES6+), bundlers (Webpack/Rollup/Vite) e transpiladores (Babel) para garantir compatibilidade e otimização.

O tom deve ser didático, prático e encorajador, como se estivesse orientando um colega desenvolvedor. O guia deve ser estruturado com títulos claros, subtítulos e marc

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 JavaScript

Continue explorando prompts nesta categoria.

Melhores práticas de module systems para JavaScript

Prompt gerado automaticamente para Module systems em JavaScript

Guia para module systems em JavaScript

Prompt gerado automaticamente para Module systems em JavaScript

Guia para testing frameworks em JavaScript

Prompt gerado automaticamente para Testing frameworks em JavaScript