JavaScript

Encuentra guías y ejemplos para dominar JavaScript, un lenguaje esencial para la creación de interactividad y dinamismo en sitios web y aplicaciones.

• vite
• javascript

Variables de entorno en Vite

Variables de entorno en Vite, cómo configurarlas y cómo usarlas de forma práctica en nuestros proyectos.

• javascript

Hidratación en aplicaciones JavaScript

Qué es la hidratación en JavaScript y cuándo puede aportar valor en aplicaciones web.

• javascript
• astro

Astro nanostores

Cómo estructurar el estado global de aplicaciones Astro con nanostores.

• javascript
• css
• html

Barra de búsqueda responsive

Implementación de una barra de búsqueda adaptable para escritorio y móvil.

• javascript
• vue

Componentes de un solo archivo en Vue

Componentes de un solo archivo en Vue, cuáles son sus ventajas y cómo usarlos con ejemplos concretos.

• javascript
• vue

Componentes dinámicos con Vue

Cómo usar componentes dinámicos en Vue para renderizar interfaces condicionales o reutilizables según el estado o los datos disponibles.

• javascript

Diferencias entre distintos tipos de módulos en JavaScript

CommonJS, AMD, UMD y ESM son diferentes sistemas de módulos en JavaScript.

• javascript

Mostrar el tiempo transcurrido entre el momento actual y una fecha determinada

Mostrar un texto amigable con el lapso de tiempo que ha transcurrido desde el momento actual hasta una fecha determinada del pasado.

• javascript
• node

Exportar paquetes de una librería en el package.json

Cómo estructurar el package.json para exportar varios módulos desde una misma librería con soporte ESM.

• javascript
• react

Gráficos interactivos con Recharts en React

Biblioteca pensada para React que nos permite crear gráficos de forma declarativa.

• javascript
• herramientas
• typescript
• html
• json

Formato de código con Prettier

Prettier permite mantener el código formateado y legible para todos los desarrolladores de un proyecto.

• javascript

Tree shaking en JavaScript

Tree shaking es un término usado para describir la eliminación de código muerto en aplicaciones JavaScript.

• javascript

Inyección de dependencias en JavaScript

Cómo desacoplar lógica del código usando lo que se conoce como inyección de dependencias.

• javascript
• node

Importar librerías dinámicamente en JavaScript

Cómo importar librerías dinámicamente en JavaScript y Node.js

• javascript
• astro
• node

Depurar aplicaciones Astro SSR

Depurar aplicaciones Astro con Visual Studio Code añadiendo breakpoints en el lado del servidor SSR.

• javascript
• typescript
• herramientas

Informes de cobertura con Vitest

Genera informes de cobertura de código utilizando Vitest en proyectos JavaScript o TypeScript.

• javascript
• astro

Astro middleware

Qué es y cómo funciona un middleware en Astro.

• javascript
• herramientas

Yalc: trabaja con paquetes locales como un profesional

Prueba y desarrolla paquetes npm o yarn localmente antes de publicarlos con Yalc.

• javascript

Proxies en JavaScript

Cómo los Proxies en JavaScript nos permiten interceptar y personalizar el comportamiento de los objetos.

• javascript

Efecto visual de confeti

Canvas confeti es una librería para generar annimaciones altamente optimizadas de confeti en el navegador.