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 ➜   / 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:    • React JS Full Course for Beginners | Compl...  

👀 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-se...
🔗 Font Awesome React Icons: https://fontawesome.com/docs/web/use-...

🔗 ES7 React JS Snippets Extension for VS Code:
https://marketplace.visualstudio.com/...

🔗 React Dev Tools Extension for Chrome:
https://chrome.google.com/webstore/de...

📚 General React References:
ReactJS Official site: https://reactjs.org/
React Wikipedia: https://en.wikipedia.org/wiki/React_(...)
React Jobs: https://www.ziprecruiter.com/candidat...

✅ Follow Me:
Github: https://github.com/gitdagray
Twitter:   / yesdavidgray  
LinkedIn:   / davidagray  
Blog: https://yesdavidgray.com
Reddit:   / 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