Storeon router module

In SPA applications, you often need to interact with the url. One approach is to treat the url as part of the state. When changing state, changing the url and Vice versa.

I suggest adding an optional router module to Storeon. For example so:

import createStore from 'storeon'
import createRouter from 'storeon/router'

const router = createRouter();
export const store = createStore([/* ... */, router])

store.on('router/change', () => {
  // On url changed
})

// Set new url
store.dispath('router/push', '/ololo/')

It is very easy to use in React:

import useStoreon from 'storeon/react'

export default function Counter() {
  // Counter will be re-render only on `state.count` changes
  const { url } = useStoreon('router')

  switch(url) {
    case '/':
      return <IndexPage />

    case '/about':
      return <AboutPage />
  }

  return <p>Not Found</p>
}

[ai]

storeon/storeon was moved. npm org was also created.

Storeon will continue to use storeon package name, but the router will use @storeon/router. Is it OK?

Any suggestion about router API?

[majo44]

@ai I putted clean router code here https://github.com/majo44/storeon-async-router, let me finish it (test, documentation, ect.) and later you can decide to move it to @storeon scope, or I will leave it on separate repo.