Advanced Usage

svelte-spa-router is simple by design. A minimal router is easy to learn and implement, adds minimum overhead, and leaves more control in the hands of the developers.

Thanks to the many features of Svelte or other components in the ecosystem, svelte-spa-router can be used to get many more “advanced” features. These pages explain how to achieve certain results with svelte-spa-router beyond what’s offered by the component itself.

• Route wrapping , including:
  • Dynamically-imported routes and placeholders
  • Route pre-conditions (“route guards”)
  • Adding user data to routes
  • Static props
• Route events and callbacks
• Querystring parsing
• Route transitions
• Nested routers
• Route groups
• Restore scroll position