Tinro

screenshot of Tinro
svelte

Tinro

Highly declarative, tiny, dependency free router for Svelte's web applications.

Overview

Tinro is a highly declarative, tiny, and dependency-free router for Svelte web applications. It aims to simplify routing in Svelte by providing a single component to declare routes in your app. Tinro supports common navigation methods such as history API, hash-based, and in-memory navigation. It also offers features like simple nested routes, routes with parameters, redirects, fallbacks, query parameter parsing, and management of URL's hash and query parts. Tinro is compatible with Svelte's REPL and provides comprehensive documentation for easy installation and usage.

Features

  • Just one component to declare routes in your app
  • Links are just common native <a> elements
  • History API, Hash-based, or in-memory navigation
  • Simple nested routes
  • Routes with parameters
  • Redirects
  • Fallbacks on any nested level
  • Parsing query parameters
  • Manage URL's hash and query parts
  • Svelte's REPL compatible

Installation

To install Tinro as a dev dependency in your Svelte project, use the following command:

npm install --save-dev tinro

Summary

Tinro is a lightweight router for Svelte web applications that simplifies routing by providing a single component to declare routes. It supports various navigation methods, including history API, hash-based, and in-memory navigation. With features like simple nested routes, routes with parameters, redirects, fallbacks, and query parameter parsing, Tinro offers a comprehensive solution for managing navigation in Svelte apps. Its compatibility with Svelte's REPL and detailed documentation make it easy to install and use.

svelte
Svelte

Svelte is a modern front-end framework that compiles your code at build time, resulting in smaller and faster applications. It uses a reactive approach to update the DOM, allowing for high performance and a smoother user experience.