Todos los artículos
Lenguaje compartido
¿Qué hacer cuando el product manager y el developer usan la misma palabra para cosas distintas? Con el ubiquitous language de Evans y la teoría del grounding de Clark, repaso la estructura del fallo de comunicación entre disciplinas y las herramientas prácticas para igualar la resolución.
Observabilidad
En el trabajo utilizaba Sentry, pero mi blog personal no tenía monitorización de errores. Este artículo reúne lo que encontré al añadir instrumentación con IA: fallos ocultos tras respuestas 200, gray failure, una llamada a GA bloqueada durante 65 segundos y hasta datos de búsqueda.
Ingeniería de Harness (Sistemas)
Del prompt al context engineering: ¿qué viene después? A partir de las tendencias recientes del blog de ingeniería de Anthropic, este artículo conecta el ahorro de tokens con tres direcciones: diseño de harness, eval y containment (aislamiento).
Cómo ahorrar tokens de IA
Mide costos de tokens con un React POC y redúcelos con prompt caching, subagent, MCP ligero, context engineering y Cursor Composer.
Cómo funcionan los tokens
Cómo BPE crea tokens, los embeddings alimentan los LLM, prefill y decode determinan el coste, y KV cache y prompt caching reducen entradas repetidas.
Herramientas para agentes de IA
Organizamos desde cuatro perspectivas las herramientas que he encontrado al desarrollar frontend con Claude: las diferencias entre CLAUDE.md, AGENTS.md y SKILL.md; los fundamentos de MCP y Serena; cómo funcionan herramientas de inteligencia de código como CodeGraph; y cómo leer GitHub Trending.
Gestión del estado
La gestión del estado es una de las tareas más complejas del frontend. Clasificamos el estado en siete categorías —local, global, de servidor, de formulario, de URL, externo y guards— y presentamos cuatro criterios para elegir herramientas y modelar correctamente: Single Source of Truth, eliminación de estados imposibles y State Colocation, entre otros.
Modelo de dominio
Una explicación, desde la perspectiva del frontend, de los conceptos de dominio, modelo de dominio y objeto de dominio, que también aborda Entity y Value Object, el modelo de dominio anémico y la separación del ViewModel. Veamos cómo separar en React la lógica de dominio con un ejemplo práctico del impuesto sobre la renta global.
Reflexiones sobre la refactorización del segundo simulacro de Toss Frontend Fundamentals
Comparto mi experiencia al refactorizar la aplicación de reserva de salas del segundo simulacro de Toss Frontend Fundamentals. Repaso la separación de componentes monolíticos, la extracción de la lógica de dominio y el proceso de refactorización guiado por pruebas.
Ingeniero frontend de IA
En una era en la que la IA escribe el código, ¿cómo pueden los ingenieros frontend crecer y sobrevivir? A partir de fuentes contrastadas como el agentic engineering de Karpathy, Vercel v0, la encuesta de Stack Overflow y el estudio de METR, se presentan las nuevas competencias y estrategias de aprendizaje centradas en la verificación, la especificación y el criterio.
Abstracción
Qué es la abstracción en frontend y en qué se diferencian una buena y una mala abstracción. Un repaso, desde el diseño de componentes y funciones de React, por los niveles de abstracción, los nombres que revelan la intención y la composición de piezas.
queryKey
Explicamos cómo funciona queryKey en TanStack Query y por qué ha evolucionado desde los arreglos en línea hasta las fábricas de claves de consulta y queryOptions. También abordamos desde una perspectiva práctica los patrones de TkDodo, queryOptions de v5, setQueryData y la invalidación de consultas.
Gestión de errores
Este artículo explica el alcance de React Error Boundary, try/catch y throwOnError de TanStack Query, así como la forma de combinarlos. Distingue los errores de renderizado de los errores asíncronos y analiza el funcionamiento interno del restablecimiento de react-error-boundary.
React Fiber al completo
Análisis profundo de la arquitectura de React Fiber a partir del código fuente de React: desde Stack Reconciler hasta la prioridad por Lanes, el doble búfer, el scheduler basado en MessageChannel y las Concurrent Features. Un tema habitual en entrevistas de frontend.
¿Puede Biome reemplazar a ESLint y Prettier?
Comparamos el rendimiento de linting y formateo de Biome con ESLint y Prettier, junto con la experiencia de adopción práctica y una guía de migración a esta toolchain todo en uno basada en Rust.
Zustand, ¿qué eres y por qué eres ProviderLess?
Analizamos el código fuente de Zustand para descubrir cómo gestiona el estado sin Provider, sus diferencias con la Context API de React y su diseño basado en el scope de módulo.
Cómo funcionan los algoritmos de compresión
Comparamos los principios y el rendimiento de ZIP, GZIP, ZSTD, Brotli y otros formatos, desde LZ77 hasta la mejor opción para artefactos de compilación.