Extracting routes by traversing the folder structure [14/21]

Опубликовано: 17 Июль 2026
на канале: lihautan
266
13

Part 1. Client-side Routing with routes definition
============
1. Match route and render component    • Match route and render component [1/21]  
2. History API for client-side navigation    • History API for client-side navigation [2/21]  
3. Intercepting link clicks with event delegation    • Intercepting link clicks with event delega...  
4. Listens to the back event    • Listens to the back event [4/21]  
5. Code Splitting and Lazy Loading    • Code Splitting and Lazy Loading [5/21]  
6. Adding the loading indicator for slower networks    • Adding the loading indicator for slower ne...  
7. Matching routes with dynamic parameters    • Matching routes with dynamic parameters [7...  
8. Capturing dynamic parameters    • Capturing dynamic parameters [8/21]  
9. Updating route props by reusing component instance    • Updating route props by reusing component ...  
10. Advance matching for parameters    • Advance matching for parameters [10/21]  
11. Rest Parameters    • Rest Parameters [11/21]  
12. Multiple layout components for a route    • Multiple layout components for a route [12...  

Part 2. Generating routes definition from folder structure
============
13. Setting up for File-based Routing    • Setting up for File-based Routing [13/21]  
14. Extracting routes by traversing the folder structure    • Extracting routes by traversing the folder...  
15. Extracting parameters from file paths into regular expressions    • Extracting parameters from file paths into...  
16. Finding nested layouts components from the folder structure    • Finding nested layouts components from the...  
17. Specifying parameter matchers in the file path    • Specifying parameter matchers in the file ...  
18. Ordering routes by its specificity    • Ordering routes by its specificity [18/21]  
19. Adding names to layouts    • Adding names to layouts [19/21]  
20. Providing page and navigation stores    • Providing page and navigation stores [20/21]  
21. Watch file changes to regenerate route definitions    • Watch file changes to regenerate route def...  

🎧 Full Playlist    • Let's write a Client-side Routing Library  
🗂 Course files https://github.com/tanhauhau/create-a...
🥰 Support me https://www.buymeacoffee.com/lihautan

🔗 Want to learn more from me? Check out these links:

Twitter:   / lihautan  
Blog: https://lihautan.com/
Newsletter: https://lihautan.com/newsletter
Discord:   / discord  

Thanks for watching 🥰 -- with love, Li Hau