React
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.
Kalyx
Por qué creé Kalyx, DatePicker headless para React, y en qué difiere de Ark UI, React Aria y react-day-picker: valores ISO UTC, DST con Intl y tests IANA.
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.
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.
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.
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.