fre-router

A router hook for react and fre

Usage no npm install needed!

<script type="module">
  import freRouter from 'https://cdn.skypack.dev/fre-router';
</script>

README

fre-router

A router hook for react and fre

Use

import { createRouter, useRouter, push } from 'fre-router'

createRouter([
  {
    path: '/home',
    component: () => <>
      <button onClick={() => push('/home/yse')}>Go yse</button>
    </>,
    children: [
      {
        path: '/:username',
        component: params => <>
          <p>{params.username}</p>
          <button onClick={() => push('/home')}>Go home</button>
        </>
      }
    ]
  }
])

export const App = () => useRoute('/home')