Rail-ey style routes

rails-ey.jsx

const lookup = (namespace) => {
  // if you really want rails-style indirection, you'd
  // need an app container that could look up modules
  // by strings.
}

const Resources = ({ namespace }) => {
  const Layout = lookup(namespace, 'layout')
  return (
    <Route path={`/${namespace}`} render={() => (
      <Layout>
        <Switch>
          <Route exact path={`/${namespace}`} component={lookup(namespace, 'index')}/>
          <Route exact path={`/${namespace}/:${camelize(namespace)}Id`} component={lookup(namespace, 'show')}/>
          <Route exact path={`/${namespace}/:${camelize(namespace)}Id/edit`} component={lookup(namespace, 'edit')}/>
        </Switch>
      </Layout>
    )}/>
  )
}

ReactDOM.render((
  <BrowserRouter>
    <div>
      <Resources namespace="posts"/>
      <Resources namespace="users"/>
      <Resources namespace="comments"/>
    </div>
  </BrowserRouter>
), el)

I think it's just as well to just say "copy/paste/tweak for your needs"

I actually agree with this. Open to a PR against the docs showing a custom Switch implementation for the Modal example :D ?