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

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

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

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

[isvene]

Straightforward, informative, and clear. This is very helpful. Thank you!

[mayer]

Great video, thank you for the clear explanation and demonstration of the features, specifically the loader part where you also included tanstack query as the external data library.

[NiteshUpadhayay-tfks]

i searched a lot the way of layout finally i got it 💕

[adamseekerfan]

nice bro we want more on this tanstack router from beginer to advanced very nice keep it up

[anuj]

Thanks, bro you helped me a lot. I was stuck at file configuration. I have a question does React Route work without React typescript?

[nothotdog]

I think there is a redundancy with your QueryClient - since you are wrapping everything at the top level, I don't think you also need to configure a context. Maybe I am wrong?

[daniel]

Good video but lacks Authentication Routes tutorial

[starlord]

why use this instead of NextJS routing behavior(page router)?

[harharmahadev]

Bring a brand vedio on trpc, monorepo, turborepo 😅

[thilinalakshan]

Great work!
I just realize that instead of using `_layout.tsx`, we can use `_layout/route.tsx` as well. I prefer that because it feels much cleaner. 👾
Thank you!