GuíaBásico

Guía de Estado y Datos en el Frontend

Aprende a manejar el estado y los datos de una app frontend a escala: distinguir los cuatro tipos de estado —local, global de cliente, del servidor y de la URL—, usar Context sin abusar de él, elegir un store global (patrón Zustand) cuando corresponde, y, lo central de la guía, tratar el estado del servidor como lo que es: un caché de datos remotos, manejado con React Query (TanStack Query) para fetching, caché, revalidación, deduplicación y mutaciones. El eje es que la mayoría de los "problemas de manejo de estado" son en realidad estado del servidor mal clasificado: no es tu estado, es una copia en caché de la verdad que vive en el backend. Cada módulo ejecuta en Node.js una mini-versión de la librería en juego —un store con `getState`/`setState`, un query cache con stale-while-revalidate y deduplicación, una mutación con invalidación y rollback optimista— para verificar el razonamiento. El hilo conductor es el storefront de Mercado, ya construido en la Guía de Fundamentos de React: aquí sus productos vienen del servidor vía React Query, su carrito es un store global, su búsqueda y filtros viven en la URL, y su tema es Context. Continúa directamente de la Guía de Fundamentos de React dentro del ecosistema Fullstack de NIEVA.