Formularios en React Query
Los formularios tienden a mezclar estado de servidor y cliente: Cómo integrar React Query con un form
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:
Los formularios tienden a mezclar estado de servidor y cliente: Cómo integrar React Query con un form
Novedades desde React Query v4 para trabajar offline: Nuevos ajustes (networkMode) y estados (fetchStatus)
Aprende todo lo necesario sobre ejecutar efectos secundarios en el servidor con las mutaciones de React Query
Cómo gestionar errores en React Query y notificar al usuario: usa Error Boundary, el estado de la función, o las callback onError
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