4 de enero de 2022
React-Query Tutorial | Consultar APIs, caché y sincronización de forma simple y eficiente 🚀
Curso de react-query desde cero. Parte 2: mutations.
Hace más de 1 año vengo usando la librería react-query y me ha simplificado y mejorado muchísimo la forma en la que manejo los datos del servidor desde React.
📺 Videos relacionados:
React Query Tutorial - Parte 2: https://youtu.be/X1qo8qEaWLg
✅ Contenido:
Setup
Instalar react-query
useQuery hook
dev tools
patrón stale-while-revalidate
Refetch en background
staleTime y cacheTime
configuración global
consultas deshabilitadas
useQueryClient hook
👀 Les sugiero pongan el video en 1080p para que puedan ver el contenido con nitidez.
🔔 Suscríbete al canal y activa la campanita para que no te pierdas ningún video:
https://www.youtube.com/yoelvism?sub_confirmation=1
🐦 Sígueme en twitter:
https://twitter.com/ymulenll
📌Enlaces:
código inicial: https://github.com/ymulenll/react-query-tutorial/tree/initial-project
documentación: https://react-query.tanstack.com/
Nota: La clave de las queries actualmente puede ser un String o un Array, pero en la próxima versión de react-query, será obligatorio usar array, por eso estoy usando Arrays en este tutorial.
referencia: https://github.com/tannerlinsley/react-query/blob/alpha/docs/src/pages/guides/migrating-to-react-query-4.md#query-keys-and-mutation-keys-need-to-be-an-array
Muchas gracias por ver este video, espero le haya sido útil.
Hace más de 1 año vengo usando la librería react-query y me ha simplificado y mejorado muchísimo la forma en la que manejo los datos del servidor desde React.
📺 Videos relacionados:
React Query Tutorial - Parte 2: https://youtu.be/X1qo8qEaWLg
✅ Contenido:
Setup
Instalar react-query
useQuery hook
dev tools
patrón stale-while-revalidate
Refetch en background
staleTime y cacheTime
configuración global
consultas deshabilitadas
useQueryClient hook
👀 Les sugiero pongan el video en 1080p para que puedan ver el contenido con nitidez.
🔔 Suscríbete al canal y activa la campanita para que no te pierdas ningún video:
https://www.youtube.com/yoelvism?sub_confirmation=1
🐦 Sígueme en twitter:
https://twitter.com/ymulenll
📌Enlaces:
código inicial: https://github.com/ymulenll/react-query-tutorial/tree/initial-project
documentación: https://react-query.tanstack.com/
Nota: La clave de las queries actualmente puede ser un String o un Array, pero en la próxima versión de react-query, será obligatorio usar array, por eso estoy usando Arrays en este tutorial.
referencia: https://github.com/tannerlinsley/react-query/blob/alpha/docs/src/pages/guides/migrating-to-react-query-4.md#query-keys-and-mutation-keys-need-to-be-an-array
Muchas gracias por ver este video, espero le haya sido útil.