Módulos ES6
Sistema de módulos, imports, exports, bundlers y organización de código.
Artículos del módulo
Introducción a los módulos
Comprende qué son los módulos en JavaScript y por qué son fundamentales para organizar código escalable.
ES Modules: import y export
Aprende el sistema de módulos nativo de JavaScript introducido en ES6 con sintaxis import y export.
Named exports vs default export
Entiende las diferencias entre exportaciones con nombre y exportación por defecto, y cuándo usar cada una.
Alias con export as e import as
Renombra exportaciones e importaciones usando alias para mejorar la claridad del código.
Namespace imports
Importa todos los exports de un módulo como un objeto namespace usando la sintaxis import *.
Re-exportación de módulos
Organiza mejor tu código re-exportando módulos para crear puntos de entrada centralizados.
Importaciones dinámicas
Carga módulos bajo demanda usando la función import() para mejorar el rendimiento de tu aplicación.
Metadatos con import.meta
Accede a información contextual del módulo actual usando el objeto import.meta.
Dependencias circulares
Identifica, comprende y resuelve problemas de dependencias circulares entre módulos.
Module bundlers
Conoce las herramientas de empaquetado como Webpack, Vite y Rollup para preparar código para producción.
Tree shaking
Optimiza el tamaño de tu bundle eliminando código no utilizado mediante tree shaking.