Remove AsyncProps

Author: mjackson

examples/async-data/app.css

@@ -1,17 +1,10 @@
 import React from 'react';
 import createHistory from 'history/lib/createHashHistory';
 import { Router } from 'react-router';
-import AsyncProps from 'react-router/lib/experimental/AsyncProps';
 import stubbedCourses from './stubs/COURSES';
 
 var rootRoute = {
-  component: AsyncProps,
-
-  // iunno?
-  renderInitialLoad() {
-    return <div>loading...</div>
-  },
-
+  component: 'div',
   childRoutes: [{
     path: '/',
     component: require('./components/App'),
@@ -28,9 +21,5 @@ var rootRoute = {
 var history = createHistory();
 
 React.render((
-  <Router
-    history={history}
-    routes={rootRoute}
-    createElement={AsyncProps.createElement}
-  />
+  <Router history={history} routes={rootRoute} />
 ), document.getElementById('example'));

examples/async-data/app.js

@@ -4,15 +4,10 @@ import GlobalNav from './GlobalNav';
 
 class App extends React.Component {
 
-  static loadProps (params, cb) {
-    console.log('App', 'loadProps');
-    cb(null, { courses: COURSES });
-  }
-
   render () {
-    var { courses, loading } = this.props;
+    var courses = COURSES;
     return (
-      <div style={{opacity: loading ? 0.66 : 1}}>
+      <div>
         <GlobalNav/>
         <div style={{padding: 20}}>
           {this.props.children || <Dashboard courses={courses}/>}

examples/async-data/index.html

@@ -2,18 +2,10 @@ import React from 'react';
 
 class Calendar extends React.Component {
 
-  static loadProps(params, cb) {
-    setTimeout(() => {
-      cb(null, {
-        events: [{
-          id: 0, title: 'essay due'
-        }]
-      })
-    }, 1000);
-  }
-
   render () {
-    var { events } = this.props;
+    var events = [{
+      id: 0, title: 'essay due'
+    }];
     return (
       <div>
         <h2>Calendar</h2>

examples/async-data/spinner.gif

@@ -14,13 +14,8 @@ styles.sidebar = {
 
 class Course extends React.Component {
 
-  static loadProps (params, cb) {
-    console.log('Course', 'loadProps');
-    setTimeout(() => cb(null, { course: COURSES[params.courseId] }), 1000);
-  }
-
   render () {
-    var { course } = this.props;
+    var course = COURSES[this.props.params.courseId];
     return (
       <div>
         <h2>{course.name}</h2>

examples/async-data/utils.js

@@ -3,16 +3,8 @@ import { Link } from 'react-router';
 
 export default class AnnouncementsSidebar extends React.Component {
 
-  static loadProps (params, cb) {
-    console.log('AnnouncementsSidebar', 'loadProps');
-    cb(null, {
-      announcements: COURSES[params.courseId].announcements
-    });
-  }
-
   render () {
-    var { announcements } = this.props;
-    //var announcements = COURSES[this.props.params.courseId].announcements;
+    var announcements = COURSES[this.props.params.courseId].announcements;
     return (
       <div>
         <h3>Sidebar Assignments</h3>