TanStack Router is my favourite React Router -- TanStack Router Tutorial

Hello guys! In this video, we will look at TanStack Router -- a routing solution for React apps. I'm pretty sure when in your React learning curve you must have heard about react-router-dom and the way it allows you to create routes within your React application. TanStack router allows you to do that PLUS a lot more. In this video, we take a look at TanStack router documentation, and use some features such as file-based routing (such as found in Next.js), search params, loaders, etc.

If you liked the content and found it useful, make sure you support me by clicking the subscribe button and sharing this video with friends in need. 🤝

Links

Tanstack router documentation -- https://tanstack.com/router/latest

My video on React Query -- Using React Query with Next.js / Reac...

GitHub repository associated with this video -- https://github.com/atharva-youtube/ta...

Timestamps
0:00 - Introduction
0:34 - Tanstack router documentation
2:36 - Creating a vite app and installing dependencies
4:23 - Configuring tanstack router
12:22 - Creating a new route
14:14 - Creating layouts
19:50 - Creating paths with params
22:09 - Search params on routes
29:28 - Loaders
31:15 - Using loaders with react query
38:35 - Conclusion

Any suggestions? Leave in the comments below!

My links
E-mail - [email protected]
Blog - https://blog.atharva.codes
Latest Links - https://links.atharva.codes
Twitter - Twitter: athudeosthale
LinkedIn - LinkedIn: atharvadeosthale

#programming #programmer #javascript #nodejs #npm #reactjs #react #router #reactrouter #routing #navigation #url #params #search

• #education
• #programming
• #programmer
• #bug_tracking
• #reactjs
• #react
• #react_tutorial
• #react_router_dom_tutorial
• #react_router
• #tanstack_react_router
• #tanstack_router_tutorial
• #tanstack_router
• #react_router_tanstack
• #tanstack_course
• #tanstack_router_course