TanStack React Query v5 Full CRUD Tutorial in 40 Minutes

0:00 - Introduction
0:40 - Technologies we will be using
1:10 - Tutorial App demo
3:04 - Intended audience
4:01 - Github starter for tutorial
4:25 - @tanstack/react-query NPM weekly downloads
5:00 - Run npm install on starter project
5:06 - Setup backend with json-server database, Concurrently, and ViteJS
6:54 - @tanstack/eslint-plugin-query setup
8:41 - ReactJS project folder structure overview
9:56 - Create api http functions with native JavaScript Fetch and Axios library
11:30 - Setup main.jsx file
13:20 - Create song form component
14:43 - Create add song component
15:34 - Create mutation for add song
22:05 - Create song component
25:04 - Create EditSong component
28:44 - Create custom hooks for TanStack mutations and queries
31:33 - Create SongList component
35:25 - Update App.jsx file
37:39 - Final App functionality testing
Please like and subscribe, it doesn’t cost you anything, and will help me out tremendously, thank you.
GitHub Repo Starter: github.com/hoosierhuy/react-t...
How to build TanStack React Query version 5 with ReactJS full CRUD application.
React Query v5 tutorial.
TanStack Query documentation: tanstack.com/query/v5/docs/re...
V5 Migration guide: tanstack.com/query/v5/docs/re...

[@Huy_Nguyen_USA]

@12:32 I accidentally left out a section of video where I wrap the with and the , the code should look like this: ReactDOM.createRoot(document.getElementById('root')).render( ) in the main.jsx file I have updated the GitHub starter project to include this in the main.jsx file.

[@nurocor4059]

Thanks.

[@brownpatriot9390]

Good job, thank you!

[@carlisestevenson36]

Sweet, thanks

[@AllTheWorldAStage]

Okay, thanks for adding

[@luketran2075]

Awesome, thank you.

[@midwest5719]

thanks

[@Huy_Nguyen_USA]

Thanks for watching.

[@nurocor4059]

Taylor Freaking Swift! 🤣

[@Huy_Nguyen_USA]

Thanks for watching

[@brownpatriot9390]

lol

[@mootpoint895]

🤣

[@charlietangomike6592]

thank you

[@Huy_Nguyen_USA]

Thanks for watching

[@fibonacciinvestments8069]

Thank you my friend!

[@Huy_Nguyen_USA]

Thank you for watching

[@pinotcolony]

Sweet. Thanks.

[@Huy_Nguyen_USA]

Thanks for watching

[@carlisestevenson36]

Nice!👍

[@Huy_Nguyen_USA]

Thanks for watching

[@georgestevenson9819]

exactly what I needed

[@Huy_Nguyen_USA]

I’m glad it helped, thanks for watching

[@shanewhite9143]

Awesome work man.

[@Huy_Nguyen_USA]

Thank you for the kind words and for watching

[@trishdoyle2956]

Thank you so much for making this.

[@Huy_Nguyen_USA]

Thank you for the kind words and for watching, I appreciate it.

[@luketran2075]

This is really great. Thanks for talking about Axios.

[@Huy_Nguyen_USA]

Thanks for the kind words and for watching

[@brianbuckles224]

thanks man

[@Huy_Nguyen_USA]

Thanks for watching and commenting

[@user-ei5hb9ce4n]

it's an interesting video, because i like talor and i need to learn react! thnaks

[@Huy_Nguyen_USA]

Thanks for watching. Please take a look at my other ReactJS videos.

[@georgestevenson4504]

This is much appreciated, thank you!

[@Huy_Nguyen_USA]

Thank you for the kind words and for watching

[@carmelite2535]

Thank you so much.

[@Huy_Nguyen_USA]

Thank you for watching and commenting, I appreciate it.

[@triplel1592]

Amazing, thank you.

[@Huy_Nguyen_USA]

Thanks for the kind words and for watching

[@chelseasinsabaugh5602]

👍

[@Huy_Nguyen_USA]

🫡

[@elizabeth_ford]

Thank you.

[@Huy_Nguyen_USA]

Thank you for watching

[@bolabello887]

This is exactly what I needed, thank you so much.

[@Huy_Nguyen_USA]

Thank you for watching and for the kind words

[@DuK-2102]

quá đỉnh bác ơi, tìm mãi mới đc cái tutorial kết hợp dùng axios + tanstack react query. Thank you so much man! This is awesome! Please make more of this with additional features from tanstack reactquery like infinite scroll, pagination page, etc...

[@Huy_Nguyen_USA]

Thanks for watching

[@denizenjournalist6018]

Concurrently npm package is super helpful, thanks!

[@Huy_Nguyen_USA]

Thank you for watching

[@mootpoint895]

Thanks so much.

[@Huy_Nguyen_USA]

Thanks for watching

[@Hotel_India_Oscar]

Good job, thank you.

[@Huy_Nguyen_USA]

Thank you for watching and for the kind words

[@FrankBuberOrleans]

thank you very much

[@Huy_Nguyen_USA]

Thank you for watching and the kind words

[@AllTheWorldAStage]

Thank you so much for making this.

[@Huy_Nguyen_USA]

Thank you for the kind words and for watching

[@JonesHerffie]

Thank you very much.

[@Huy_Nguyen_USA]

Thank you for watching and for the kind words.