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:
0:00 Setup
6:27 Instalar react-query
7:50 useQuery hook
12:51 dev tools
13:49 patrón stale-while-revalidate
16:46 Refetch en background
18:25 staleTime y cacheTime
21:19 configuración global
22:17 consultas deshabilitadas
25:59 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.
#reactjs
Видео React-Query Tutorial | Consultar APIs, caché y sincronización de forma simple y eficiente 🚀 канала Yoelvis Mulen { code }
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:
0:00 Setup
6:27 Instalar react-query
7:50 useQuery hook
12:51 dev tools
13:49 patrón stale-while-revalidate
16:46 Refetch en background
18:25 staleTime y cacheTime
21:19 configuración global
22:17 consultas deshabilitadas
25:59 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.
#reactjs
Видео React-Query Tutorial | Consultar APIs, caché y sincronización de forma simple y eficiente 🚀 канала Yoelvis Mulen { code }
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
React-Query Mutations Tutorial | Actualizar datos del servidor de forma simple y eficiente 🚀Balanceo de Carga ⚖ y Auto Scaling en AWS 🚀 | AWS desde cero - Parte 7Cuánto es el sueldo de un programador en Latinoamérica y Silicon ValleyReact: Context ApiMaquetado responsive en ZIG-ZAG con 🔥 CSS GRID 🔥 | Página web parte 3 - experienciasFormularios y custom hooks | React.js desde CERO | Creando web de películas - Parte 3React Query in 100 SecondsServicio EC2 de AWS desde CERO | Hostear un servidor Node.js en AWS | AWS desde cero - Parte 5Redux Toolkit Query vs React QueryJunior Vs Senior Code - How To Write Better Code As A Web Developer - React🤯 ¡TIPOS inmutables nativos en JavaScript! Records y TuplesScroll Infinito, debounce y tips | React.js desde CERO | Creando web de películas - Parte 4Cómo crear un Indicador de Carga Web (Page Loader Spinner) con Animaciones CSS3 y JavaScriptAprende React.js desde CERO | Creando web de películasSimulación de Entrevista #1: React Developer🛑 4 cosas a EVITAR en TypeScript + 1 en JavaScript (¡Pero no estoy de acuerdo en todas! 😱)React Query Tutorial - 19 - Paginated Queries10 React Hooks Explained // Plus Build your own from ScratchContext API - explicado al detalle - con ejemplo práctico y solución al problema de renders - React