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