https://github.com/manufosela/imports

https://github.com/manufosela/imports

Last synced: 4 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/manufosela/imports
• Owner: manufosela
• Created: 2020-09-17T20:44:28.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2020-09-17T21:34:34.000Z (almost 5 years ago)
• Last Synced: 2025-02-25T15:42:30.287Z (4 months ago)
• Language: HTML
• Size: 38.1 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# imports

## [imports estáticos](https://manufosela.github.io/imports/import-estatico/)

Esta es la manera habitual de importar módulos.

Solo acepta una cadena literal como especificador de módulo e introduce enlaces en el ámbito local a través de un proceso de "enlace" previo al tiempo de ejecución.

La sintaxis de importación estática solo se puede utilizar en el nivel superior del archivo.

## [imports dinámicos](https://manufosela.github.io/imports/import-dinamico)

Los imports dinámicos introducen una nueva forma de importación similar a una función que se adapta a esos casos de uso.

**import(moduleSpecifier)** devuelve una promesa para el objeto de espacio de nombres del módulo solicitado, que se crea después de obtener, instanciar y evaluar todas las dependencias del módulo, así como el módulo en sí.

## [imports dinámicos y lazy-loading](https://manufosela.github.io/imports/import-dinamico-and-lazyloading)

Las capacidades de lazy-loading (carga en diferido) habilitadas por la importación dinámica pueden ser bastante poderosas cuando se aplican correctamente. 

Por ejemplo, también puede usarse para cargar los comentarios de un post, conforme vaya haciendo scroll hacia abajo, sin traerse todos los comentarios ni tener que paginar.

## Conclusiones

Tanto la importación estática como la importación dinámica () son útiles. 

Cada uno tiene sus casos de uso, muy distintos. 

Los import estáticos para cargar las dependencias que se renderizan inicialmente, especialmente para el contenido de la mitad superior de la página. 

En otros casos, se puede cargar dependencias a demanda con importación dinámica conforme vaya haciendo scroll, por ejemplo.

# [import.meta](https://manufosela.github.io/imports/import.meta)

Para acceder a la meta-información del módulo.

Devuelve un objeto con la propiedad url que contien el path del módulo.