React
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.
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.
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.
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.