React Query. Versión 3 #reactjs

preview_player
Показать описание
Descubre las últimas novedades de la librería React Query en este vídeo. Aprende sobre Query Client, uso de hooks, caché de llamadas y más. ¡Optimiza el estado de tus aplicaciones con React Query!

Me he animado a grabar un nuevo vídeo sobre la librería React Query ya que desde el último han incorporado interesantísimas novedades que merece la pena repasar (sí, también ha cambiado la forma en que se realizan determinadas acciones):

[01:45] Query Client y QueryClientProvider
[03:30] Empleando el hook useQuery
[05:15] Estado de una query
[07:30] Reintentos en las llamadas
[09:00] Refetch de la query cuando la ventana vuelve a estar activa
[10:00] Refetch query
[10:50] Caché de llamadas
[11:30] Custom hook a partir de useQuery
[13:40] Stale Time de las querys lanzadas con useQuery
[15:30] Notificaciones cuando las queries de useQuery quedan en el estado stale
[17:20] El hook useMutation de React Query
[19:00] Callbacks de useMutation
[22:30] El hook useQueryClient
[23:10] Invalidate queries mediante el objeto queryClient
[24:00] El método setQueryData del objeto queryClient

Esta librería poco a poco se está haciendo un hueco como una alternativa para gestionar el estado de nuestras aplicaciones sin recurrir a otras más potentes como Redux o la propia Api Context.

💛 ¡Espero que os guste este nuevo vídeo!
Рекомендации по теме
Комментарии
Автор

Muy bien explicado. La verdad es que tiene muy buena pinta. Le echaré un ojo para futuros proyectos

elchiconube_
Автор

Señor tenga su like y su nuevo SUB. Excelente como explicas todo sin dar nada por echo

tostaostr
Автор

increible, muy entendible todo, un poco rapido tuve que mirar algunas partes varias veces pero se entendio barbaro

marianosarniguetpastro
Автор

buenisima esa libreria, no la conocia, gracias ahora tambien es mi nueva libreria favorita

David-qrlq
Автор

Excelente video, justo lo que necesitaba sobre React Query, saludos desde Perú.

williamfernandeznicolas
Автор

Que buen video, muy bien explicado el tema, saludos desde Colombia!

juanmvallejo
Автор

Excelente vídeo! Saludos desde Argentina

braianfernandez
Автор

Buen video man!!, gracias por la info. Un abrazo!!!

alejandroherrera
Автор

demasiado bien el vídeo! Tienes pensado sacar otro donde muestres otras funcionalidades como "paginated queries" o "infinite queries"? estaría genial, saludos!

osiris
Автор

con esta nueva opción cache Infinity, podríamos trabajar 100% offline sin depender de service worker ?? exelente video como siempre !!! Saludos

SergioSam
Автор

Una consulta al hacer el seteo para agregar un usuario nuevo sin necesidad de pasar al backend, ese nueva data se puede guardar y al final si pasarla al backend después de confirmar? o se perdería el refrescar el navegador.

andresfelipepinillameneses
Автор

Una consulta, si tengo 2 componentes hermanos, que cuando hago click en uno, almaceno informacion en el estado global y se renderiza en su hermano, como hago para desde el componente hermano suscribirme a ese estado, para que cada vez que cambie dicho estado se vea reflejado. En redux usaba mapStateToProps.

albertitoJr
Автор

Hola, con la caché se puede hacer que cuando vuelvas a una "página" o "vista" no haga fetch y te pinte los datos que previamente habian de una anterior visita?

lujan