¿Qué es React Query? - Server State Managment Library

Cuando creas proyectos en React, este no tienen ninguna opinion en como solicitar datos. (puedes usar fetch o axios).

Algo muy comun es usar fecth por ejemplo, en un useEffect y cargarlos en un estado (useState), esto conlleva que manejes tu mismo los errores, el estado de carga de datos y su almacenaje.

sin embargo establecerlos en una memoria cache, evitar duplicacion de peticiones, saber cuando los datos estan desactualizados, o reflejar cambios lo más rapido posible, puede ser una tarea laborioza en cada aplicación. Asi que por este tenemos React Query.

React Query, es una biblioteca para proyectos de React, que permite sincronizar, guardar en memoria cache y actualizar datos que vienen desde el servidor, ofreciendote hooks y un contexto ya creados para que no tenga que hacerlo tu mismo

Te da la ventaja de que tu código es más limpio, al evitar la duplicación de código, y te permite optimizar consultas de forma instantánea.

La biblioteca no es un reemplazo a fetch o axios, de hecho puedes usarlo con estos, sino ofrece hooks sencillos para solicitar datos (useQuery) para modificar datos (useMutation) y funciones para poder actualizar la memoria cache (QueryCache), y tampoco es un reemplazo a manejadores de estado locales, como useContext con useReducer, MobX, Redux o similares, sino que te permite diferenciar incluso el estado que le pertenece al cliente y el estado que viene desde el servidor asíncronamente.

Además también provee una herramienta de Debugging que te permite debuggear tus peticiones fácilmente en desarrollo.

Y aunque su nombre es react query, el proyecto tambien soporta Vue (vue-query), Svelte (svelte-query) y Solidjs(solid-query)

[mr.nobody]

☝️ Todo eso lo resuelve Angular 🤷‍♂️ luego dicen que sí la curva de aprendizaje. Hombre si es que veo cada maromas en React que son muchísimo más liosas/complejas que cualquier código implementado en Angular. Saludos! 👋

[SonGoku-pcjl]

no habia visto el corto, que chulo, voy a volver a ver el largo que era muy bueno :)

[aldoturijan]

Eres de los mejores creadores de contenido y hasta el momento que no he encontrado que te copias material en otro idioma para publicarlo como propio

[Deus-lo-Vuilt]

Fazt que opinas de Zustand ? Para comenzar con manejador de estados, será ideal ir por ahí? Vi que tienes videos pero con typescript por eso mi duda, ya que aún no manejo ts

[kevinarley]

Si uso redux toolkit, usar rtk query o react query?

[josenapoleonzelaya]

Oye Fazt, consulta. ¿Es posible crear un login mega simple con express en dónde se almacenen los datos de usuario en un json?

[jaqp]

de hecho ahora se llama tanstack query