Drag to look around · Click an object for detailsVinyl grooves, a tonearm and silver dials in a quiet listening corner.Individual glass panes, lead seams and a floral border.Open pages, a cup of tea and a quiet moment to read.
1982 · A room, a record Drag to orbit · Pinch to zoomDrag to orbit · Scroll to zoom · Esc to exit
Cómo construir tu propio sistema operativo
8 minArch Linux sigue el principio del minimalismo, permitiendo a los usuarios construir cualquier funcionalidad que deseen. A continuación, se presenta una guía sencilla para configurar tu propio sistema Arch Linux en una máquina física. Necesi...
Hydration en profundidad: ¿un “mal necesario” de los frameworks frontend modernos?
4 minEl renderizado del lado del servidor (SSR) acelera la carga inicial, pero también introduce Hydration y su coste de rendimiento. ¿Qué es? ¿Por qué causa un “retraso de interacción”? ¿Y qué alternativas explora la comunidad?
Cómo WebAssembly (WASM) está cambiando el desarrollo frontend
3 minJavaScript ya no es el único «jugador» del navegador. Al ofrecer un rendimiento cercano al nativo, WebAssembly (WASM) está llevando a la Web aplicaciones complejas de escritorio como Photoshop y Figma.
Cómo crear transiciones de página fluidas con la View Transitions API
3 minEl “destello blanco” al navegar entre páginas ha perjudicado durante mucho tiempo la experiencia de usuario. Ahora los navegadores ofrecen la View Transitions API nativa, con la que podemos crear transiciones cinematográficas usando solo unas líneas de código.
React Server Components en profundidad
3 minReact Server Components (RSC) representa uno de los cambios de paradigma más importantes de React en los últimos años. Este artículo analiza sus conceptos principales, los problemas que resuelve y cómo transforma nuestra forma de crear aplicaciones.
Adiós a process.env.UNDEFINED: variables de entorno con seguridad de tipos
3 minLas variables de entorno ausentes o con un formato incorrecto son una fuente habitual de errores en tiempo de ejecución. Con una biblioteca de validación como Zod podemos comprobar al arrancar que todas existen y tienen el tipo correcto, eliminando este tipo de problema.
Actualización de Vue 3.4: una sintaxis v-bind más sencilla y mejor rendimiento
2 minVue 3.4 «🏀 Slam Dunk» ya está disponible con una reescritura más eficiente del sistema reactivo y una API defineModel estable, que mejora enormemente la experiencia al desarrollar componentes con enlace bidireccional.
Adiós Rome, hola Biome: una nueva cadena de herramientas frontend todo en uno
3 minLa visión de Rome entusiasmó a innumerables desarrolladores. Tras fracasar su comercialización, la comunidad continuó su legado bajo el nombre Biome. ¿Podrá esta cadena de herramientas todo en uno escrita en Rust convertirse en el próximo miembro de nuestro repertorio?
Bun 1.0 ya está aquí: el runtime todo en uno que desafía a Node.js
3 minEn septiembre de 2023, el lanzamiento de Bun 1.0 sacudió a la comunidad JavaScript. Creado desde cero, este kit de herramientas desafió oficialmente el dominio de Node.js con su asombrosa velocidad y su diseño todo en uno.
¡El anidamiento nativo de CSS por fin ha llegado!
3 min¡Esperamos diez años! El anidamiento de selectores, una función esencial de Sass/Less, por fin cuenta con soporte nativo en los principales navegadores. Despídete de los preprocesadores y da la bienvenida a una forma más limpia e intuitiva de escribir CSS.
El auge del CSS Utility-First: Tailwind CSS como ejemplo
3 min¿Adiós a los problemas de BEM y CSS-in-JS? La filosofía Utility-First CSS y su framework más representativo, Tailwind CSS, han conquistado la comunidad frontend en los últimos años. ¿Qué los hace tan atractivos?
La próxima generación de pruebas end-to-end: primeros pasos con Playwright
3 min¿Cansado de las pruebas end-to-end inestables? Gracias a su capacidad mult navegador, las esperas automáticas y sus potentes herramientas de depuración, Playwright de Microsoft se está convirtiendo en un nuevo referente de la automatización de pruebas.
Signals: la nueva ola de reactividad en el frontend
3 minDesde SolidJS y Qwik hasta Preact y Svelte 5, los Signals se están convirtiendo en un paradigma central para las actualizaciones reactivas de alto rendimiento en los frameworks frontend modernos. Este artículo analiza en profundidad cómo funcionan y su impacto en el ecosistema.
Adiós a la documentación de API: aplicaciones con seguridad de tipos de extremo a extremo mediante tRPC
4 min¿Cómo mantener sincronizado el contrato de datos entre frontend y backend en un proyecto TypeScript full-stack? Sin generación de código ni esquemas intermedios, tRPC ofrece auténtica seguridad de tipos de extremo a extremo.
Explorando Astro: creado para sitios web basados en contenido
3 minEn una época dominada por las aplicaciones de una sola página (SPA), Astro toma otro camino y se centra en el máximo rendimiento de los sitios de contenido. ¿Qué hace tan poderosa a su arquitectura de islas?
Lanzamiento oficial de SvelteKit 1.0: una nueva forma de crear aplicaciones Web
3 minTras más de dos años de desarrollo, SvelteKit 1.0 se publicó finalmente en diciembre de 2022. Considerado el futuro de la creación de aplicaciones Web de cualquier escala, ofrece funciones clave y una filosofía de diseño propias.
Evolución de la gestión de estado en React: de Props Drilling a Zustand
4 minLa gestión de estado en React ha evolucionado desde el “props drilling” inicial, pasando por el enfoque unificado de Redux, hasta el actual auge de bibliotecas ligeras como Zustand. Este artículo repasa esa fascinante historia.
De Webpack a Vite: un viaje de migración sin sobresaltos
3 min¿Tu proyecto Webpack tarda un minuto en arrancar y más de diez segundos en actualizarse? Es hora de adoptar la nueva generación de herramientas de compilación frontend. Este artículo recoge el proceso y las lecciones de una migración de Webpack a Vite.
CSS-in-JS sin runtime: experiencia de desarrollo y rendimiento excepcional
3 minCSS-in-JS ofrece una experiencia de desarrollo excelente, pero su coste de rendimiento en tiempo de ejecución siempre ha sido polémico. El CSS-in-JS sin runtime extrae los estilos a archivos CSS estáticos durante la compilación y reúne lo mejor de ambos mundos.
Novedades de ES2022: Top-Level Await, .at() y más
3 minECMAScript 2022 (ES2022) se ha publicado oficialmente con varias funciones nuevas y prácticas. Este artículo repasa rápidamente las actualizaciones más destacadas, como Top-Level await y el método .at().
¿Adiós al boilerplate de Redux? Guía detallada del gestor de estado ligero Zustand
3 min¿La complejidad de Redux te echa para atrás? Zustand ofrece una solución minimalista de gestión de estado para React basada en Hooks. Este artículo explica su uso principal y su filosofía de diseño.
Gestiona tu Monorepo con Turborepo
3 minA medida que los proyectos se vuelven más complejos, Monorepo se ha convertido en una forma popular de organizar el código. Pero ¿cómo se resuelven los problemas de rendimiento de compilación que trae consigo? Turborepo es un sistema de compilación de alto rendimiento creado para ello.
SolidJS: un framework JavaScript verdaderamente reactivo
3 minParece React, pero no tiene DOM virtual. Gracias a su innovador sistema de reactividad granular, SolidJS alcanza un nuevo nivel de rendimiento. Veamos cómo funciona.
¿De verdad sabes usar Fetch? Cancelación de peticiones con AbortController
3 minEn el desarrollo Web moderno, la API Fetch se ha convertido en el estándar para realizar peticiones HTTP. Pero ¿sabes cómo cancelar de forma elegante una petición que ya no necesitas? AbortController es la respuesta.