Usar Websockets con React Query
Una guía paso a paso para conseguir notificaciones en tiempo real con Websockets y React Query
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:
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 Raect 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