TanStack Router is the foundation for TanStack Start, which is gaining significant attention due to its innovative approach to application development.
This course focuses on getting effective TanStack Router, a modern and scalable routing solution for React applications. You will learn how to:
- set up and scaffold new applications,
- use file-based routing
- create nested routes
- manage dynamic route parameters and more.
The course covers advanced features like route loaders, caching strategies, and lifecycle hooks, which are crucial for enhancing application performance and user experience.
By understanding TanStack Router, you can build more efficient, type-safe, and maintainable applications, leveraging its integration with data fetching libraries like TanStack Query.
This knowledge is essential for developers looking to improve their routing skills and stay ahead in the field.
Overview
Syllabus
- Scaffold new application with Tanstack Router
- Use File-Based Routing in Tanstack Router
- Create a new Route in Tanstack Router
- Troubleshoot Tanstack routeTree.gen Generator
- Use Loader to Feed a Route with Data in Tanstack Router
- Preload Routes in Tanstack Router
- Cache Route Loader Data in Tanstack Router
- Configure staleTime and gcTime in Tanstack Router
- Create Nested Route and Nested Outlets in Tanstack Router
- Parametrize Route Loader for Nested Route in Tanstack Router
- Reorganize File-Based Routes in Tanstack Router
- Access Dynamic Route Parameters with useParams in Tanstack Router
- Provide NotFoundComponent at Nested Route or Global Level in Tanstack Router
- Hook into Route Lifecycle Hooks in Tanstack Router
- Browse History in Tanstack Router
Taught by
Tomasz Ducin
