don't require a root route

[ryanflorence]

Currently you must require a root route, the following doesn't do anything:

Router(
  Route({name: 'foo', handler: Foo}),
  Route({name: 'bar', handler: Bar})
);

You have to do this:

Router(
  Route({handler: App},
    Route({name: 'foo', handler: Foo}),
    Route({name: 'bar', handler: Bar})
  )
);

Maybe we can detect that routes.length > 1 and then provide a default route and handler like:

React.createClass({
  render: function() {
    return <div>{this.props.activeRoute}</div>
  }
});

Even though I suspect every real app out there will have a root route (shared layout, global nav, etc), when you're just getting started this is a hurdle that isn't obvious and it would be nice to feel productive the first time you use this router.

[mjackson]

Since the Router API is deprecated and going away, I don't believe this is an issue any more. Routes are now simply a variable assignment, which can't be assigned to two things at once.

var routes = (
  <Route handler={App}>
    <Route name="user" handler={User}/>
  </Route>
);

React.renderComponent(routes, document.body);