Client Side Routing

In this series of articles, I create an entire Single Page Application in a single HTML file to fully demonstrate the complexities of client-side routing. In the first eight chapters, I explore the necessary web API's and JavaScript tricks necessary for the task, and in the last seven chapters I put them all together to build a simple e-commerce app. Every piece of code is explained and put into context. It's a wild ride! Well, as wild as programming can be... I tried, okay!

Created: 12/14/2022, 6:35:43 PM Updated: 4/4/2023, 8:28:35 PM
  1. Introduction
  2. A Brief History of Client Side Routing
  3. Getting Started, Setting Up a Server
  4. Introduction to State Management
  5. The Window Object
  6. The Location API and Parameters
  7. The History API
  8. The Web Storage API
  9. Planning Our App
  10. The Skeleton
  11. The Router, The Link, and The Routes
  12. Nested and Dynamic Routes
  13. Cart and Theme Storage
  14. Adding Reactive Search
  15. Conclusion
Login to Comment


  • Amazing article series! πŸ‘ŒπŸ‘ŒπŸ‘Œ
    This comment was edited on 4/23/2023, 8:45:58 PM.
    4/23/2023, 8:45:58 PM
  • Jesse Pence

    Please, leave some comments and test this out!
    This comment was edited on 4/5/2023, 6:30:57 AM.
    4/5/2023, 6:30:57 AM
    Vancouver, WA