¿Qué es React Query? - ecosistema de Herramientas Frontend (Tanstack)

Entre todas las bibliotecas y Frameworks que forman parte del ecosistema de React, existe un conjunto de bibliotecas que forman parte del mismo equipo de desarrollo, llamado TanStack, las cuales permiten tener Routing en el frontend, tablas, y diagramas. Aunque su biblioteca que mas destaca es la llamada TanStack Query (antes llamada React Query), esta biblioteca permite manejar los datos que vienen desde el servidor (Server State Management), similar a lo que hacen bibliotecas como Redux Toolkit Query, incluso algunos lo usan en reemplazo, solo que Tanstack Query es mucho mas fácil y simple de integrar.
Además esta biblioteca también funciona con otros Frameworks como Svelte, Solid o Vue Query.
Articulo ⮕ faztweb.com/co...
🎥 Videos Recomendados:
Curso de Javascript ⮕ • Curso Javascript para ...
Curso de Javascript para React ⮕ • Curso de Reactjs desde...
Curso de React ➜ • Curso de Reactjs desde...
¿Qué es Astro? ➜ • Astro, Una Forma moder...
Curso de Nodejs ➜ • Nodejs Curso Práctico ...
Curso de Express ➜ • Express Framework de N...
Curso de HTML ⮕ • Curso HTML para Princi...
Curso de Python ➜ • Curso Python para Prin...
Excalidraw (Herramienta de dibujo) ➜ • Excalidraw, Mi Herrami...
Curso de JSON ➜ • JSON (Javascript Objec...
Curso de Git ➜ • Git y Github | Curso P...
Variables de entorno Nodejs ➜ • Variables de Entorno e...
HTML ➜ • Curso HTML para Princi...
CSS ➜ • Curso CSS para Princip...
Javascript Orientado a Objetos ➜ • Curso de Javascript Or...
Arrays en Javascript ➜ • Javascript Arrays - Me...
ES Modules ➜ • Import y Export en Jav...
👨‍💻 ¿Qué servicios y productos utilizo?
Ledger (Hardware Wallet) ➞ bit.ly/3ijsVNW
SiteGround ➞ bit.ly/31u9ZEk
DigitalOcean ➞ m.do.co/c/8ef2...
Expo ➞ bit.ly/2WpYKtx
Cloudinary ➞ bit.ly/3ohNlJ7
Notion ➞ notion.grsm.io...
#reactquery #reactjs #frontend

[@dxfirebase]

React query es recomendadisima. Anterior manejaba las peticiones con Redux, me gastaba horas y horas para sincronizar, loadings, estado, y bla bla... lo que con react query me gasto minutos. Sin duda, espectacular la productividad que hace react query

[@horimiyarawstyle]

Es tan genial cuando Fazt sube videos de novedades de frameworks librerías herramientas etc... Te permite seguir abierto a nuevas alternativas.

[@juansantillan2944]

Fazt no sabes lo tanto que me gustan tus videos. Son breves con la información que pesa de cada tema. Nunca dejes de hacer contenido que estas ayudándonos como no imaginas a comprender un poco más del mundo de la tecnología! Por cierto, extraño tus directos. A qué hora estás haciendo stream? Saludos desde Tlaxcala, México.

[@FaztTech]

Gracias Juan. En cuanto a los directos los he dejado de lado, por ahora, pero a futuro planeo volver a emitirlos :)

[@SonGoku-pc7jl]

me gustaron mucho las clases de react query y las que las juntabas con zustand, con este video veo que ya hace dias y que tengo que repasarlas tal como llebo dias pensando :) muchisimas gracias fazt, eres un maestro de maestros

[@danilokellyadaliz]

Tanstack tiene herramientas que reemplaza a conocidas como dataTables para las tablas,una biblioteca buena, veo que hay herramientas que las desarrollan inicialmente para react

[@jacl_dev]

Siempre encuentro el tema de mi consulta en sus explicaciones ,Fazt, es como si leyeras mentes 🤔😵‍💫....na pero tenía esa duda sobre si podría combinar el estado del cliente (con redux) junto al estado del servidor que voy aprendiendo, así q genial!! y gracias por el aporte

[@gabrieltettamanti1862]

Super interesante y aclarador. Los había escuchado pero los voy a empezar a investigar. Muchas gracias, Fazt!!! 🤗♥️

[@javiergarciafillol4454]

Hace un par de años empezé con react table, de la flexibilidad y todas las funciones nativas me ayudó muchísimo y he saltado a react query recomendadisimo

[@xansiety]

Incluso hasta para Vue, es una maravilla usarlo(vue-query)

[@josev.m2046]

Hola fazt muchas gracias por proporcionar este tipo de ayuda sin lugar a dudas me voy a poner en la tarea de aprender esta biblioteca creo que me va a servir muchísimo.

[@Deus-lo-Vuilt]

Tienes pensado mostrar algo de Tanstack query con TanStack router? un abrazo bro!

[@oswaldogerardino]

buen video, otro video informativo y actualizante

[@brandon400]

lo puedo usar en next? :(

Lo uso en vue y con composables y va genial

[@netopmtz]

React Query ha sido facilmente mi libreria favorita de React, es increible lo facil que es manejar un estado desde el servidor, incluso llega a dar la percepcion de que se utilizan websockets, ya que siempre esta revisando si el servidor ha cambiado alguna propiedad y sin que el usuario se de cuenta. React Query + Zustand >>>> RTK + RTK Query.

[@MaxiDecoHome]

Fazt te sigo hace años y he buscado en tus videos y no encontro nada que ayude a generar formularios de forma automatica. Que le des una clase, que tenga objetos, y estos objetos mas objetos, y que de alguna manera se genere un formulario, existe algo asi? yo siento que ayudaria mucho. Gracias.

[@vincenzonatale8029]

Por favor, hago esta consulta para preguntar si alguien me podría recomendar algún video, dónde se enseñe cómo crear una pequeña aplicación Web (utilizando, por ejemplo, node js, javascript y algún framework), para así poder generar e imprimir, desde un navegador de Internet, por ejemplo, un reporte de gastos o una factura, etc. Para ello, el usuario tendría que acceder a una determinada página WWW, cargar los datos necesarios para generar dicho reporte o factura (por ejemplo, nombre, fecha, concepto del gasto, importe, total final, etc.). Me refiero a algo tan básico como eso, para que uno pueda aprender a crear una “pequeña aplicación”. Tus videos me parecen muy buenos y calificados. Muchas gracias; cordiales saludos.

[@enzocalderon7562]

Hola fazt, si me ayudarías a poder justificar la implementación de React query en un proyecto, cuáles crees que serían los puntos claves? Gracias por tu contenido ♥️

[@alexandercastillaatuncar3427]

Tiene muchas funcionalidades, como lo dice fazt en el video te ayuda a hacer más limpio el código sin tener que crear los estados de error, loading, data y sin necesidad de meterlos en un useEffect. También dependiendo de las mutaciones (useMutation) que estos se usan mayormente para peticiones post o put te permiten invalidar peticiones que ya habías hecho antes permitiendo así que se refresque esa petición, aparte lo de la memoria caché, ya viene con una configuración si quieres que al cambiar de tab del navegador y al regresar a tu app se refresque de manera automática las peticiones tiene muchas cosas

[@Holri]

Master 😈

[@Austin_de_Backyardigans]

Cual es mejor, react query o swr?

[@FaztTech]

Personalmente uso más react query, tiene más funcionalidades y hay mucha información de cómo usarlo

[@jorgeveega]

Es muy parecido a Apollo no?

[@FaztTech]

En la práctica se parece mucho, de hecho también se puede usar en reemplazo de Apollo

[@Elba_Nanito]

Fazt no entiendo cómo te da tiempo para estudiar, trabajar, investigar, hacer vídeos. Eres Dios o que??

[@FaztTech]

Yo creo que muchas cosas toman mucho tiempo cuando no las dominas o estas empezando, una vez tienes practica puedes llegar a hacerlo más rapido, eso más una buena administracion de tus tareas diarias, puede ayudarte a hacer varias cosas