Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

How I Recreated TanStack Router From Scratch

Web Dev Simplified via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn how to build a fully type-safe router for React applications from scratch in this 39-minute tutorial video. Discover the inner workings of popular routing libraries like React Router and TanStack Router by following along as the instructor recreates similar functionality step by step. The tutorial covers essential concepts including route matching, router context implementation, type safety principles, route definitions, outlet and layout components, and link component creation. Practical demonstrations include using the custom router and creating new routes, with a final discussion on whether AI could write such code. Access the complete GitHub code repository to examine the implementation details while gaining deeper insights into React routing mechanisms.

Syllabus

00:00 - Introduction
01:47 - How to use the router
06:20 - Route matching
12:45 - Router context
15:40 - Type safety explained
20:55 - Route definition
25:28 - Outlet and layout components
30:39 - Link component
32:30 - Creating a new route example
34:38 - Can AI write this code?

Taught by

Web Dev Simplified

Reviews

Start your review of How I Recreated TanStack Router From Scratch

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.