6 de enero de 2022

React-Query Mutations Tutorial | Actualizar datos del servidor 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 1: https://youtu.be/lNkAJCoXg6I

✅ Contenido:
Setup
useMutation hook
invalidar caché
isSuccess y reset
onSuccess de la mutation
modificar caché con setQueryData
Refactorizar a custom hooks
Extras
react-query vs redux
React-Query vs SWR, Apollo y RTK Query

👀 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
código final: https://github.com/ymulenll/react-query-tutorial/tree/final-queries
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.