La historia del desarrollo web ha estado marcada por la frase "funciona en mi navegador". Durante años, los desarrolladores hemos gastado un porcentaje significativo de nuestro tiempo —y del presupues…
El reciente lanzamiento de Gemini en Chrome no es solo una actualización más del navegador; es una señal clara de un cambio de paradigma que veníamos anticipando: la transición de una web pasiva a una…
Después de revisar roadmaps, specs, charlas del Chrome Dev Summit y señales reales en producción, mi predicción es simple:El desarrollo web en 2026 se moverá hacia más capacidades nativas, menos JavaS…
Diseñando para la Confianza: Mejores Prácticas para Formularios de Identidad
Explora el concepto de "soft navigations" en Single Page Applications (SPAs), por qué la medición tradicional de los Core Web Vitals ha sido un desafío para ellas, y los esfuerzos continuos del equipo de Chrome para estandarizar y habilitar reportes para estos cambios dinámicos de contenido.
Core Web Vitals son señales de ranking, pero la mayoría de los equipos todavía las optimiza como si fueran un score de laboratorio. Esta guía convierte CWV en trabajo de ingeniería accionable: cómo medir (field + lab), cómo depurar causas raíz en DevTools y qué arreglos realmente mueven el percentil 75.
Descubre cómo el CSS moderno ha evolucionado de un lenguaje de estilos a una herramienta potente para el rendimiento y la lógica. Profundizamos en el pipeline de renderizado, la tematización dinámica con Custom Properties y la nueva era de las Container Queries y :has().
Imagina escribir más de 15 líneas de código solo para manejar valores predeterminados y asignaciones condicionales, solo para volver meses después y pasar una hora depurando porque no podías recordar…
La inteligencia artificial ha dejado de ser una promesa futurista para convertirse en una herramienta tangible y poderosa en nuestro día a día como desarrolladores. Hasta hace poco, integrar IA en nue…
Uso de await en el nivel superior en módulos ESMientras refactorizaba uno de mis proyectos en React la semana pasada, me di cuenta de cuánto ha evolucionado JavaScript desde que comencé a programar. ¿…
Como desarrollador de software, la terminal es mi segunda casa. Paso la mayor parte del día en ella, escribiendo código, depurando aplicaciones y gestionando mi entorno de desarrollo. Probar diferente…
El desarrollo front-end es emocionante, ¿verdad? Estamos en una era donde puedes iniciar una aplicación compleja en minutos usando bibliotecas y herramientas increíbles. Pero hablemos del elefante en…
Si te tomas en serio la construcción de aplicaciones escalables y mantenibles como desarrollador fullstack, necesitas conocer la metodología "The twelve-factor app". Esto no es solo una palabra de mod…
El ecosistema React es un paisaje dinámico de tecnologías en constante evolución. Este artículo profundiza en un potente stack tecnológico para construir aplicaciones full-stack en 2025, permitiéndote…
Imagina construir una página web que muestre datos meteorológicos en tiempo real o una lista de productos de una tienda en línea. ¿Cómo obtiene esta información tu aplicación React? La respuesta está…
El análisis de edge cases: una clave para evaluar a desarrolladores seniorEl mundo de la programación está en constante cambio, pero muchas empresas siguen usando métodos de evaluación obsoletos para…
¿Recuerdas los WebContainers? Es el "microsistema operativo" basado en WebAssembly que puede ejecutar las operaciones de Vite y todo el ecosistema Node.js en el navegador. El equipo de StackBlitz creó…
Rspack acaba de lanzar su versión 1.0 y el sueño de usar herramientas de compilación basadas en Rust para acelerar el ecosistema JavaScript está más vivo que nunca.¿Cómo llegamos hasta aquí? A princip…
Hoy quería mostrarles cómo escribir correctamente una prueba.Pero cualquiera puede encontrar cómo ejecutar una prueba sencilla. Y aquí, buscamos ayudarle a encontrar respuestas que no encontrará en ni…
Las pruebas son difíciles.Y no importa si eres un tester experimentado o principiante...Si ha realizado un esfuerzo significativo para probar una aplicación...Es probable que hayas cometido algunos de…
La forma en que representamos los componentes del servidor es diferente.Nada parecido a lo que estamos acostumbrados hasta ahora.Y debido a que es tan diferente, también cambia dónde manejamos el esta…
Me encantan los componentes del servidor. Pero no son para todas las ocasiones. De hecho, usarlos en todas y cada una de las oportunidades que tengas es más como ablandar un bistec con el mismo martil…
¿Sabías que los componentes del servidor y el renderizado del lado del servidor son dos cosas completamente diferentes?Image descriptionY si bien van de la mano en muchos casos, hay igualmente muchos…
Algunos puntos que deberías prestar atención para este año 2024 que seguro tendrán un alto impacto en el ecosistema tecnológico.Bun logra su objetivo de convertirse en el runtime predeterminado para f…
Clonar un objeto en JavaScript significa crear una copia idéntica de un objeto existente. Esto significa que el nuevo objeto tendrá los mismos valores para cada propiedad, pero será un objeto diferent…
En este artículo, veremos qué son los métodos call, apply y bind en javascript y por qué existen.Antes de saltar, necesitamos saber que es this en javascript, en este post puedes profundizar un poco m…
Imagínate tener que pagar cerca de $148 millones por una violación de datos que expuso los datos de unos 57 millones de usuarios 😱😰Pues eso fue lo que le sucedio a Uber, no hace mucho tiempo, y el c…
Some methods beyond console.log in JavascriptA menudo, durante la depuración, los desarrolladores javascript solemos usar el método console.log() para imprimir valores. Pero hay algunos otros métodos…
El pasado mes de junio, tuve la oportunidad de compartir nuevamente en persona con la comunidad de medellinjs a la cual aprecio demasiado.MedellinJSEsta vez, estuve hablando sobre los conceptos de jav…
Hoy repasarémos rápidamente cuatro patrones de programación que se aplican a los componentes compartidos en React.ReactEl uso de estos permite crear una biblioteca de componentes compartidos bien estr…
tl;drLas dependencies son requeridas por nuestra aplicación en tiempo de ejecución. Paquetes como react, redux y lodash son todos ejemplos de dependencias. Las devDependencies solo son necesarias para…
Hoy te daré una introducción práctica sobre los sistemas de módulos que usamos cuando construimos bibliotecas en JavaScript. A medida que una aplicación web o biblioteca crece y se agregan más funcion…
Volta, es una herramienta que abre las posibilidades para una experiencia de desarrollo más fluida con Node.js. Esto es especialmente relevante para trabajar en equipo. Volta te permite automatizar tu…
Algunos puntos que deberías prestar atención para este año 2022 que seguro tendrán un alto impacto en el ecosistema tecnológico.RIP Babel y Webpack: No desaparecerán para siempre, pero serán reemplaza…
A medida que el mundo se vuelve más conectado, un número cada vez mayor de empresas recurren a los sistemas de gestión de contenido para interactuar mejor con su base de clientes. Todos hemos oído hab…