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