frontend
Las layers de una app React
Dividimos una pantalla de pago React en view, model y data siguiendo a Juntao Qiu. El repositorio de ejemplo revela un useMemo inútil y un fetch en bucle.
overlay-kit
Cambiar un flag global isOpen por un await: lo que gané, lo que perdí y cómo funcionan por dentro los eventos, el reducer y openAsync.
Gestión del estado
Gestión del estado en frontend en siete categorías (local, global, servidor, formulario, URL, externo y guards) y cuatro preguntas antes de crear estado.
Modelo de dominio
Dónde debe vivir la lógica de dominio en el frontend, con un ejemplo de impuestos: funciones puras, modelo anémico, mappers, ViewModel y cuándo parar.
Términos de dominio
Diferencias entre dominio, modelo de dominio, objeto de dominio y modelo de objetos de dominio según Eric Evans y Martin Fowler.
Reflexiones sobre la refactorización del segundo simulacro de Toss Frontend Fundamentals
Refactorización de la app de reserva de salas del segundo simulacro de Toss Frontend Fundamentals: separación de componentes y lógica de dominio.
Ingeniero frontend de IA
Cómo crecer como ingeniero frontend cuando la IA escribe el código: verificación, especificación y criterio, a partir de Karpathy, Vercel v0 y METR.
Abstracción
Qué es la abstracción en frontend y en qué se diferencian una buena y una mala: niveles de abstracción, nombres que revelan intención y composición.
queryKey
Cómo evolucionó la gestión de queryKey en TanStack Query: de arreglos en línea a fábricas de claves y queryOptions de v5, con DataTag e invalidación.
Cómo se comparan las queryKey
Cómo TanStack Query decide que dos queryKey son iguales: la serialización con hashKey (orden de claves, undefined, Map) y la comparación de los filtros.
Dónde colocar ErrorBoundary
Cuántos ErrorBoundary usar y dónde, comprobado en el código: qué recibe cada ruta, pantalla y región, un fallback compartido y las condiciones de retry.
Por qué el botón de reintentar no hace nada
Tres casos en que reintentar en un fallback de react-error-boundary devuelve el mismo fallback, comprobados en el código, y cómo resolver cada uno.
Propagación de errores
Lanza el mismo error desde siete sitios y solo cuatro llegan al ErrorBoundary. Este artículo sigue hacia dónde propaga cada tipo.
React Fiber al completo
Análisis de React Fiber desde el código fuente: Stack Reconciler, nodos Fiber, doble búfer, Lanes, Work Loop, render y commit, y Concurrent Features.
Por qué React usa MessageChannel
Por qué el Scheduler de React usa MessageChannel y no requestIdleCallback, rAF ni setTimeout: los PR de React y el retraso de 4 ms medido en Chrome.
¿Puede Biome reemplazar a ESLint y Prettier?
Biome frente a ESLint y Prettier: rendimiento de linting y formateo, experiencia de adopción y guía de migración a una toolchain basada en Rust.
Zustand, ¿qué eres y por qué eres ProviderLess?
Analizamos el código fuente de Zustand para ver cómo gestiona el estado sin Provider y en qué se diferencia de la Context API de React.