Overview
Learn to build a CRUD example app using React Query in this beginner-friendly tutorial. Compare React Query with Redux, Axios, and RTK Query as API access layers. Explore the setup process, including dependencies and starter code. Dive into creating an Axios API instance and implementing queries and mutations. Apply mutations for data management, handle conditional rendering, and set up a JSON server. Utilize React Query Devtools for debugging and optimization. Implement update and delete mutations, and learn to transform data with selectors. Conclude with a final verdict on React Query versus RTK Query, gaining practical insights for efficient state management in React applications.
Syllabus
Intro
Welcome
React Query vs Axios
React Query vs Redux
React Query vs RTK Query Part 1
Starter Code and Dependencies
index.js
Axios API instance and methods
Queries and Mutations
Applying a mutation
New item section
Conditional rendering values
JSON server
Checking the app
React Query Devtools
Update and delete mutations
Transform data with a selector
Final Verdict: React Query vs RTK Query
Taught by
Dave Gray