React-Query Tutorial | Consultar APIs, caché y sincronización de forma simple y eficiente 🚀

preview_player
Показать описание
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:

✅ 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:

🐦 Sígueme en twitter:

📌Enlaces:

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.

Muchas gracias por ver este video, espero le haya sido útil.
#reactjs
  1. Yoelvis Mulen { code }
  2. programación
  3. tutorial
  4. react-query
  5. queries
  6. useQuery
Рекомендации по теме
Cómo consultar APIs 0:18:29

Cómo consultar APIs con React Query

React-Query Tutorial | 0:28:16

React-Query Tutorial | Consultar APIs, caché y sincronización de forma simple y eficiente 🚀

React Query in 0:02:33

React Query in 100 Seconds

React Query Tutorial 0:15:06

React Query Tutorial | Data Fetching with React-Query

React Query Tutorial 0:05:13

React Query Tutorial - 5 - React Query Devtools

React Query Tutorial 0:05:19

React Query Tutorial - 7 - Stale Time

React Query Tutorial 0:03:01

React Query Tutorial - 9 - Polling

React Query Tutorial 0:08:06

React Query Tutorial - 6 - Query Cache

Why I avoid 0:17:45

Why I avoid useEffect For API Calls and use React Query instead

React Query Tutorial 0:04:01

React Query Tutorial - 10 - useQuery on click

React Query Tutorial 0:15:41

React Query Tutorial - 14 - Query by Id

React Query Tutorial 0:08:23

React Query Tutorial - 18 - Initial Query Data

Learn React Query 0:51:09

Learn React Query In 50 Minutes

React Query - 0:18:03

React Query - Data Fetching Hooks

React Query Makes 0:13:54

React Query Makes Writing React Code 200% Better

React Query Tutorial 0:06:13

React Query Tutorial - 13 - Custom Query Hook

How To Test 0:27:38

How To Test React Query Components

React Query: Fetch, 0:45:54

React Query: Fetch, cache, and update server data using queries and mutations | ReactJS Tutorial

React Query Tutorial 0:05:19

React Query Tutorial - 8 - Refetch Defaults

React Query tips 0:16:19

React Query tips from the maintainer @tkDodo

React Query Tutorial 0:05:26

React Query Tutorial - 15 - Parallel Queries

React Query Tutorial 0:08:52

React Query Tutorial - 3 - Fetching Data with useQuery

React Query Tutorial 0:27:36

React Query Tutorial for Beginners vs Redux, Axios with CRUD Example

React Query: Consumo 1:01:33

React Query: Consumo de APIs RESTful no React da maneira certa - Decode #009

Комментарии
Автор

Wuau te felicito explicas demasiado bien en poco tiempo abarcaste todo lo importante te voy a seguir

maclaren
Автор

Jajajajajaj joder no puedo creer que tengo todo ese código que mostraste, literal es todo el código. Brutal hoy mismo me migro todo xD .

caelum
Автор

Muchísimas gracias por tu gran ayuda!!! Menudo descubrimiento!!!

agustingomez
Автор

Como en todos tus tutoriales, tienes una manera de explicar tan clara que haces que todas las materias se hagan sencillas. Muchas gracias por tu contenido, es de gran ayuda. Continuo con las mutaciones. Un saludo desde Valencia.

guillermofrasquetcasas
Автор

Gracias por compartir tus conocimientos Grande Yoe

jonasromanespaillat
Автор

Hola amigos, espero les haya gustado el video.

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.

(La clave de las queries se usa para identificar los datos que se guardan en caché)

YoelvisM
Автор

Es exactamente lo que estaba buscando. Gracias

emmanuelabregu
Автор

El mejor video que he visto este año, explicas muy bien. Gracias!

Автор

nunca loa habai escuchado a ver si aprendo algo y me facilita la vida en react

justavzz
Автор

Vendita sea la hora en que encontré este canal. Muchas gracias por todo lo que hace. DIOS lo bendiga siempre.

AlberthEmperador
Автор

es agradable ver la emoción que demuestras cuando estas explicando como funciona la librería, excelente video

hacking-multiboot
Автор

Esto esta super genial, voy a compartirla con el equipo de trabajo de seguro les va a encantar, gracias por dar a conocer esta maravilla.

code_castle
Автор

bueno estare atento a tu contenido, gracias

asbeldev
Автор

Excelente video !! Tu forma de explicar es muy clara. Gracias !!

diegovillarroel
Автор

Muy bien explicado, fue la primera vez que vi algo sobre la librería y aprendí mucho

davidmora
Автор

Madre mia, el mejor tutorial que he visto, tu manera de explicar es fantastica! y ademas se nota que tienes un gran conocimiento de esta libreria!

misaelpereira
Автор

Dos meses aprendiendo desarrollo y creo que hay algo raro en mi porque usé la palabra *sexy* para describir esta librería xD
Gracias, ¡excelente vídeo!

orleydovargas
Автор

Este video es completísimo!! Me quedaron claros todos los conceptos que explicaste y dejame decirte que es justo lo que estaba buscando, muchas gracias!!

joangavelan
Автор

Muchas gracias por compartir tus conocimientos, muy claro como conciso.

raferdev
Автор

Muy buenooo!! te lo agradezco mucho, hace rato quería ver alguien que lo explicara en español !

eknath