Today we go over everything you need to know about accessing loader data in react router v7, how it benefits you, how you can approach it in different ways and you come out a better developer at the end of it!
👍 Don't forget to like, comment, and subscribe for more episodes in this series! Join our coding community and let's build something amazing together.
github.com/forge42dev/base-stack
📌 Stay Connected:
Twitter: AlemTuzlak
GitHub: github.com/AlemTuzlak
Company Github: github.com/forge42dev
⏱️ Timestamps:
00:00 - intro
00:25 - explaining how the context works with nested routes
01:39 - how the routes provide data to the child routes
03:25 - how it works in a react
04:11 - why having access to parents loader data is cool
07:33 - demo setup
08:15 - checking out the demo setup in the browser
08:35 - creating loaders to consume data from
09:47 - switching back to the browser and checking out the loader data
10:33 - useMatches example
12:31 - making useMatches typesafe
13:58 - useRouteLoaderData improvement over useMatches
15:45 - using matches from the ComponentProps
20:04 - answering how to determine where to fetch what
21:17 - how to use useRouteLoaderData in the best way
23:37 - final thoughts
🔖 Tags:
Vite, react router Vite, web development, frontend development, coding tutorial, open source, coding community, react router, react router tutorial