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

Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap

In this React Query tutorial for beginners, we will build a CRUD example app and compare React Query vs Redux, Axios, and RTK Query as API access layers. React Query is easy to apply to React JS apps.

💖 Support me on Patreon ➜ https://patreon.com/davegray

⭐ Become a full-stack web dev with Zero To Mastery Courses:
– Advanced React: https://bit.ly/AdvReactDev
– Jr to Senior Web Dev Roadmap: https://bit.ly/WebDevRoadmap-JrtoSr
– Master FAANG Coding Interviews: https://bit.ly/FAANGInterview

🚩 Subscribe ➜ https://bit.ly/3nGHmNn

🚀 React JS for Beginners full course ➜ 9 hours: https://youtu.be/RVFAyFWO4go

👀 Compare React Query to RTK Query ➜

📬 Course Updates ➜ https://courses.davegray.codes/

🔗 Starter & Completed Source Code : https://github.com/gitdagray/react_query

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

(00:00) Intro
(00:34) Welcome
(00:45) React Query vs Axios
(01:02) React Query vs Redux
(01:26) React Query vs RTK Query Part 1
(01:51) Starter Code and Dependencies
(04:03) index.js
(06:19) Axios API instance and methods
(10:04) Queries and Mutations
(15:10) Applying a mutation
(16:22) New item section
(17:12) Conditional rendering values
(19:14) JSON server
(20:10) Checking the app
(21:03) React Query Devtools
(22:01) Update and delete mutations
(23:24) Transform data with a selector
(25:02) Final Verdict: React Query vs RTK Query

☕ Buy Me A Coffee: https://www.buymeacoffee.com/davegray

📚 Tutorial References:
🔗 Official Site for React Query: https://react-query.tanstack.com/
🔗 NPM JSON-Server: https://www.npmjs.com/package/json-server
🔗 Font Awesome React Icons: https://fontawesome.com/docs/web/use-with/react/add-icons

🔗 ES7 React JS Snippets Extension for VS Code:
https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets

🔗 React Dev Tools Extension for Chrome:
https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi

📚 General React References:
ReactJS Official site: https://reactjs.org/
React Wikipedia: https://en.wikipedia.org/wiki/React_(JavaScript_library)
React Jobs: https://www.ziprecruiter.com/candidate/search?search=react&location=

✅ Follow Me:
Github: https://github.com/gitdagray
Twitter: https://twitter.com/yesdavidgray
LinkedIn: https://www.linkedin.com/in/davidagray/
Blog: https://yesdavidgray.com
Reddit: https://www.reddit.com/user/DaveOnEleven

Was this tutorial about React Query and building an example CRUD app helpful? If so, please share. Let me know your thoughts in the comments.

#react #query #tutorial