Popularity
7.1
Stable
Activity
0.0
Declining
1,700
25
114

Description

Router5 is an alternative for React-Router, with support for async API calls, transition middleware and excellent URL integration. Parameter support, fallback routes and route definitions offer the flexibility and stability you were looking for. Platform agnostic but works well with React and optionally MobX.

Monthly Downloads: 0
Programming language: TypeScript
License: MIT License
Tags: Code Design     Router     React     Reactjs     Api     Middleware     Routing     Async     Asynchronous    
Latest version: v7.1.0

Router5 alternatives and similar libraries

Based on the "Router" category.
Alternatively, view Router5 alternatives based on common mentions on social networks and blogs.

Do you think we are missing an alternative of Router5 or a related project?

Add another 'Router' Library

README

Router5

npm version License: MIT Build Status Join the chat at https://gitter.im/router5/router5 styled with prettier

Official website: router5.js.org

router5 is a framework and view library agnostic router.

  • view / state separation: router5 processes routing instructions and outputs state updates.
  • universal: works client-side and server-side
  • simple: define your routes, start to listen to route changes
  • flexible: you have control over transitions and what happens on transitions
import createRouter from 'router5'
import browserPlugin from 'router5-plugin-browser'

const routes = [
  { name: 'home', path: '/' },
  { name: 'profile', path: '/profile' }
]

const router = createRouter(routes)

router.usePlugin(browserPlugin())

router.start()

With React (hooks)

import React from 'react'
import ReactDOM from 'react-dom'
import { RouterProvider, useRoute } from 'react-router5'

function App() {
  const { route } = useRoute()

  if (!route) {
    return null
  }

  if (route.name === 'home') {
    return <h1>Home</h1>
  }

  if (route.name === 'profile') {
    return <h1>Profile</h1>
  }
}

ReactDOM.render(
  <RouterProvider router={router}>
    <App />
  </RouterProvider>,
  document.getElementById('root')
)

With observables

Your router instance is compatible with most observable libraries.

import { from } from 'rxjs/observable/from'

from(router).map(({ route }) => {
  /* happy routing */
})

Examples

  • With React: [code](./examples/react) | live

Docs


*Note that all licence references and agreements mentioned in the Router5 README section above are relevant to that project's source code only.