wtf.jsx

export default class CoursePage extends Component {
  componentDidMount() {
    this.startLoad()
  }
  
  startLoad() {
    const params = this.props.params
    this.course = this.props.user.api.getCourse(params.courseId)
  }
  
  isLoaded() {
    return Promise.all([
      this.props.user.loading(),
      this.course,
    ])
  }
  
  getLoadedData() {
    return {
      user: this.props.user,
      course: this.course,
    }
  }

  loadedRender() {
    return <CoursePageView {...this.props} {...this.getLoadedData()} />
  }

  render() {
    if (!this.isLoaded()) return <Preloader />
    return this.loadedRender()
  }

}