"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