Storeon Isomorphic Router
Storeon Router which solves the problem of routing your application on server and browser.
Installation
npm install storeon-isorouter
# or
yarn add storeon-isorouter
Usage
Import the isorouter.createRouter from storeon-isorouter and add this module to createStore.
import createStore from 'storeon'
import isorouter from 'storeon-isorouter'
const store = createStore([
isorouter.createRouter()
])
const Root = () => {
const { [isorouter.key]: route } = useStoreon(isorouter.key)
switch (route.path) {
case "/":
return <Main/>
case "/blog/":
return <Blog/>
default:
return <NotFound/>
}
}
store.dispatch(isorouter.navigate, '/')Define your own link component and subsribe route changing on click events.
import isorouter from 'storeon-isorouter'
const Link = ({href, children}) => {
const { dispatch } = useStoreon(isorouter.key)
const handleClick = (e) => {
e.preventDefault()
dispatch(isorouter.navigate, href)
}
return <a href={href} onClick={handleClick}>{children}</a>
}API
import isorouter from 'storeon-isorouter'
const moduleRouter = isorouter.createRouter()isorouter.key – key for store.
isorouter.navigate – navigation action.
LICENSE
MIT
