Trace Router React
React bindings for trace-router
- the next generation router
Installation
yarn add effector trace-router trace-router-react
Exports
;
Examples
Use routes:
const Root = <> && <UserPage /> && <InfoPage /> && <NotFound /> </>;
You can use Route
instead of a hook:
const UserPage = <AppFrame> <UserTemplate> <Route = = /> <Route = = /> <Route = = /> </UserTemplate> </AppFrame>;
Or use children of Route
:
const InfoPage = <AppFrame> <InfoTemplate> <Route => <JoinUs /> </Route> <Route => <About /> </Route> <Route => <Privacy /> </Route> </InfoTemplate> </AppFrame>;
Use links:
<Link =>About</Link>
Use can compile links with params:
<Link = =>Month</Link>
The above link compiles to something like:
<a ="/user-tiket/100" =>Join Us</a>
Types
Link
;
Route
;
Implementation
Hook:
;
Route component:
Link implementation is more advanced...
Docs
See the source code ;)