Route system
We want to be able to provide a best performance of routing, so you don't have to worry about react versions difference router-dom. This way will be actual forever.
Path to the router
Path to the router always must be absolute and by this path ./src/router.js
, don't move the router and don't change the name of file.
Example usageβ
Use the following package to configure client routes.
Use this rendering engine to render
import { renderRoutes } from 'nessapp/client/dom';
- Define all routes as the following example. Route must have path and component property. Property
exact
will be ignored if path passed as RegExp.
// pagesimport Home from './pages/Home';import NotFound from './pages/NotFound';// Routesconst Routes = [ { component: Home, path: '/', exact: true }, { component: NotFound, path: '/*', },];
- Initialize client-side router
import { renderRoutes } from 'nessapp/client/dom';const Routes = [...];export function Router() { return renderRoutes(Routes)}export default Routes;