[changed] Deprecate Router interface

The Router interface is deprecated in favor of using <Route>
components directly with React.renderComponent.

Author: mjackson

examples/dynamic-segments/app.js

@@ -45,11 +45,12 @@ var Task = React.createClass({
   }
 });
 
-Router(
+var router = Router({},
   <Route handler={App}>
-    <Route name="user" path="user/:userId" handler={User}>
-      <Route name="task" path="user/:userId/tasks/:taskId" handler={Task}/>
+    <Route name="user" path="/user/:userId" handler={User}>
+      <Route name="task" path="/user/:userId/tasks/:taskId" handler={Task}/>
     </Route>
   </Route>
-).renderComponent(document.body);
+);
 
+React.renderComponent(router, document.body);

examples/query-params/app.js

@@ -32,9 +32,12 @@ var User = React.createClass({
   }
 });
 
-Router(
-  <Route handler={App}>
-    <Route name="user" path="user/:userId" handler={User}/>
-  </Route>
-).renderComponent(document.body);
+var router = (
+  <Router>
+    <Route handler={App}>
+      <Route name="user" path="user/:userId" handler={User}/>
+    </Route>
+  </Router>
+);
 
+React.renderComponent(router, document.body);

examples/transitions/app.js

@@ -40,7 +40,7 @@ var Form = React.createClass({
   handleSubmit: function(event) {
     event.preventDefault();
     this.refs.userInput.getDOMNode().value = '';
-    Router.transitionTo('/');
+    ReactRouter.transitionTo('/');
   },
 
   render: function() {
@@ -56,10 +56,12 @@ var Form = React.createClass({
   }
 });
 
-Router(
-  <Route handler={App}>
-    <Route name="dashboard" handler={Dashboard} />
-    <Route name="form" handler={Form} />
-  </Route>
-).renderComponent(document.body);
+var router = (
+    <Route handler={App}>
+      <Route name="dashboard" handler={Dashboard} />
+      <Route name="form" handler={Form} />
+    </Route>
+);
+
+React.renderComponent(router, document.body);