Similar to react-router but leaner.
Provide your route in the [route] prop to the Router component and use the Route components to define your routes.
import {Router, Route} from 'react-router-lite';
<Router route="/foo/bar">
<Route>
<span>1</span>
</Route>
<Route match="/baz">
<span>2</span>
</Route>
<Route match="/foo">
<span>3</span>
</Route>
<Route match="/foo/bar">
<span>4</span>
</Route>
</Router>;
You can use the Switch component to render only the first route that matches.
import {Router, Switch, Route} from 'react-router-lite';
<Router route={'/any/string/goes/here'}>
<Switch>
<Route match="/any/string" render={() => <div>hello world</div>}>
<Route match="/any/string/goes" render={() => <div>not hello</div>}>
</Switch>
</Router>
The routes can be nested. When [truncate] prop is set, the nested routes will be truncated to the parent route.
import {Router, Route} from 'react-router-lite';
<Router route="/foo/bar">
<Route match={'/foo'} truncate>
<span>foo</span>
<Route match="/bar">
<span>bar</span>
</Route>
</Route>
</Router>;
Unlicense — public domain.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4