React Query como un Gestor de Estado
Todo lo que necesitas saber para hacer de React Query tu única fuente de verdad como gestor de estado asíncrono
React Query (ahora llamado Tanstack Query) es una librería para solicitar y gestionar la data en tu app React.
Obtén data con REST o GraphQL, usando tu librería favorita: fetch
, axios
, graphql-request
, tRPC
, etc. y React Query gestionará el caché de forma óptima para que siempre tengas data actualizada con las menos solicitudes posibles.
Mira en esta sección los posts que he traducido desde el blog tkdodo.eu de Dominik:
Todo lo que necesitas saber para hacer de React Query tu única fuente de verdad como gestor de estado asíncrono
Conoce las distintas formas de evitar spinners de carga con React Query: Usa data inicial o placeholder para eludir cambios bruscos en tu app
Aprende a gestionar las claves de React Query de manera eficaz a medida que tu app crece, y controla tu caché al detalle
Una guía paso a paso para conseguir notificaciones en tiempo real con Websockets y React Query
Combinando estas dos potentes herramientas en una app React conseguirás experiencias de usuario y desarrollo óptimas, y gran seguridad de tipos
Preparar el entorno, simular solicitudes de red y sobreescribir el funcionamiento de React Query: Todo lo que necesitas para ejecutar tus pruebas
¿Cómo gestionas el estado de una solicitud en React Query? Según tu patrón de comprobaciones podrías darle un buen susto al usuario
Revisa estas 2 geniales funcionalidades de React Query para entender el renderizado de tu app y mejorar el rendimiento en cada caso
Descubre las posibilidades para transformar data tras una solicitud con React Query, una tarea habitual e importante para mejorar tu app
Primer post de la serie: Consejos para dominar React Query, aplicando ideas prácticas que extienden los docs de esta librería