rocky7-router
v0.2.1
Published
rocky7 router
Downloads
15
Readme
rocky7 Router
Router for rocky7 inspired by react-router
npm: npm i rocky7-router
cdn: https://cdn.jsdelivr.net/npm/rocky7-router/+esm
Sponsors
Example
/** @jsx h **/
import { component, h, render } from "rocky7";
import { Link, Route, Switch, BrowserRouter } from "rocky7-router";
export const Layout = component<{}>("Layout", (props, {}) => {
return (
<BrowserRouter>
<div>
<ul>
<li>
<Link href="/">Home</Link>
</li>
<li>
<Link href="/about">About</Link>
</li>
</ul>
<Switch>
<Route path="" component={Home} />
<Route path="about" component={About} />
</Switch>
</div>
</BrowserRouter>
);
});
export const Home = component<{}>("Home", (props, {}) => {
return <div>Home</div>;
});
export const About = component<{}>("About", (props, {}) => {
return <div>About</div>;
});
render(<Layout />, document.body);