Router5 NPM | npm.io

Router5

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 | live

Docs

router routing html5 functional reactive universal isomorphic

route-node router5-transition-path symbol-observable

router5-crumbs-react router5-test-react router5-2-react reatom-router5-plugin @infinitebrahmanuniverse/nolb-rou @everything-registry/sub-chunk-2685 @cmmn/app @printrg/components @brano-salsita-org/react-router srh-react-route-hook trigo-react-app @digabi/exam-engine-rendering @consta/stand @daniely/routerx @fargtryckarn/components @grudge/client @flatter/website @nocode-toolkit/website @nocode-works/store @nocode-works/template @noname.team/vma-system @mihanizm56/service-modules-load-ssr @mamashev.ravil/service-router @kaiju.ui/app @kaiju.ui2/app @rdeco/router @quple-pos/stand @salsita/react-router @rooft/widgets @stackino/due-plugin-router5 router-access-plugin router5-breadcrumbs-react router5-tabs-react router5-access-plugin pluscore ramtastic learning_locker marko-router5 mencius @wildberries/service-modules-load @wildberries/service-router @xh/hoist @types/router5 @zxlib/solid-router5 config-router cycle-router5 blinx-router beta-bhere beta-bhere-development

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago