a fast, declarative microrouter for reason-react
Open a Terminal in your project's folder and run,
$ yarn add reason-reroute
After installation, you will need to add this library to your bsconfig.json
dependencies
"bs-dependencies": [
"reason-react",
"reason-reroute"
],
module RouterConfig = {
type route =
| Admin
| Home;
let routeFromUrl = (url: ReasonReact.Router.url) =>
switch url.path {
| ["admin"] => Admin
| [] => Home
};
let routeToUrl = (route: route) =>
switch route {
| Admin => "/admin"
| Home => "/"
};
};
module Router = ReRoute.CreateRouter(RouterConfig);
let component = ReasonReact.statelessComponent("App");
let make = _children => {
...component,
render: _self =>
<Router.Container>
...(
(~currentRoute) =>
switch currentRoute {
| RouterConfig.Admin => <Admin />
| RouterConfig.Home => <Home />
}
)
</Router.Container>
};
Sections below are under construction.
ReasonReact comes with a router (ReasonReact.Router
) by default. It offers minimal yet powerful API that is suitable for applications at any scale. However, being just an API, it leaves the routing logic up to the developer. This library builds on top of it to provide an elegant interface for working with routes that is ready to use, predictable and consistent across apps you create.
The concept of reroute
has been highly influenced by @thangngoc89 and his reference implementation. Thank you for pushing this forward!
MIT (c) 2018 Callstack