</> CodeBooks
    ← Volver a ReactJS (página 5)
    Portada de State Management with React Query

    State Management with React Query

    Daniel Afonso

    Editorial
    Packt
    Año
    2023
    Páginas
    ~307
    Nivel
    Intermedio

    De qué trata

    Libro de Daniel Afonso, Developer Advocate con experiencia full-stack, centrado en el estado del servidor en aplicaciones React y en cómo gestionarlo con React Query (TanStack Query, en su versión 4, la vigente cuando salió el libro en 2023). Parte de una idea clara: las librerías de estado global que usamos para el estado del cliente no están pensadas para los datos que vienen de una API. Va dirigido a desarrolladores React de nivel intermedio que conocen lo básico de React y del desarrollo web y quieren dejar atrás la combinación de useEffect, Redux o Context para pedir y guardar datos remotos.

    El libro tiene dos partes. La primera repasa qué es el estado, cómo se gestiona habitualmente en React (useState, useReducer, Context y librerías como Redux, Zustand o Jotai) y en qué se diferencian el estado del cliente y el del servidor. La segunda trabaja React Query a fondo: instalación, configuración de QueryClient y React Query Devtools, el hook useQuery con sus claves de consulta, la caché, los tiempos de staleTime y gcTime, el refetch y la sincronización. También trata consultas paralelas y dependientes, paginación, consultas infinitas, el prefetching y el hook useMutation para crear, actualizar y borrar datos, con invalidación de la caché y actualizaciones optimistas. Cierra con la integración en frameworks con SSR, como Next.js y Remix, y con las pruebas usando React Testing Library y Mock Service Worker (MSW).

    No hay un proyecto grande: cada capítulo trae ejemplos de código en el repositorio oficial de Packt, que se pueden ejecutar y adaptar. Es un libro breve y muy enfocado, útil para entender por qué React Query simplifica tanto el código de obtención de datos y cómo probarlo bien. Conviene saber que TanStack Query v5 cambió algunas APIs (por ejemplo, la firma de objeto única y isPending), así que habrá que contrastar con la documentación actual. Tampoco cubre el estado del cliente más allá de la comparativa inicial.

    • TanStack Query
    • Estado del servidor
    • useQuery
    • useMutation
    • Caché e invalidación
    • Actualizaciones optimistas
    • Consultas infinitas
    • Paginación
    • Next.js
    • Remix
    • Mock Service Worker
    • React Testing Library

    ¿Cómo enseña?

    TeóricoPráctico

    Teoría + práctica

    • ✗ Sin ejercicios
    • ✗ Sin proyectos

    Más de ReactJS con nivel Intermedio