A Gentle into to
SPA Routing and Routers
🛣️ 🚏
Gokul Kathirvel
💻 Front-end Developer, Zoho Corp
🤝 Co-organizer, EmberJS Chennai
🆕
Routing
Routing is a process where a router can forward data via a different route or given destination based on the current conditions
Routing in Web Apps
🗺️ Mapping
🧭 Directing
❤️ URL ❤️
What's the BIG deal?
Efficient URLs
🧠 Easy to remember
💡 Meaningful
💯 Cover maximum app state
🧱 Structured
Types
Traditional Routing
SPA/Client-side Routing
Traditional Routing
🗄️ Server Driven
🔗 User navigates to an URL
📄 Request for a new document
🔄 Full page reload
🎨 New document gets painted
SPA Routing
🖥️ Client Driven
🔗 User navigates to an URL
💾 Request for a supporting data
↪ Partial page update
🎨 New section gets painted
Why SPA Routing?
Let's build a basic
SPA router
🏗️
Routing Variants
Framework Agnostic!
Ember-Router Inspired!
⏺️ Live Code
