hyperapp-page-router
An ultra light and simple Hyperapp wrapper for Page router.
npm i hyperapp-page-router
Create a Route Action
// actions.jsconst loadIndex = ...state // set next page state title: "Loaded the index view" // run http or other effects to load external data etc.;
Create a Route View
Create any component view
// views.js const IndexView =
Register Route
Route actions are optional. Omit this if you just need to load a component view.
// routes.js
Place the Router Outlet
Normally this will be placed in your main layout or app shell
// App.js
Mount Router to app
// index.js init: title: "It works!" view: App node: document
Create a Link
Using url
will allow reverse lookups on the routes registered. You can use this in conjunction with any anchor tag to allow a customizable Link
component to be used. As long as the resulting tag is an a
tag, it will just work.
const Link =
License
MIT.