stuf / karet.router Goto Github PK

Currently routing only works on a single "level" of routing, not allowing nested routing.

const routes = {
  '/': Component1,
  '/page': Component2,
  '/page/:id': Component3
};

It would be beneficial to get nested routing (something similar to how react-router does with its Route component), as it will help avoiding unnecessarily unmounting and remounting a shared root route.

So something along the lines of this could be nice:

const routes = {
  '/': Component1,
  '/page': [
    Component2, {
      '/:id': Component3
    }]
};

Or, in a pseudo-react-router style:

const routes = (
  <Route path="/" component={Component1}>
    <Route path="/page" component={Component2}>
      <Route path="/:id" component={Component3} />
    </Route>
  </Route>
);