render(){
    return (
      <div>
      <SearchBar />
      <VideoDetail video={this.state.selectedvideo} />
      <VideoList
        onVideoSelect = {selectedvideo => this.setState({selectedvideo})}
        videos={this.state.videos}
      />
      </div>
    );
  }
// following lines do not wait for constructor to finish fetching videos, and may pass undefined down to children!
following lines do not wait for constructor to finish fetching videos, and may pass undefined down to children!
following lines do not wait for constructor to finish fetching videos and may pass undefined down to children!
render(){
    return (
      <div>
      <SearchBar />
      <VideoDetail video={this.state.selectedvideo} />
      <VideoList
        onVideoSelect = {selectedvideo => this.setState({selectedvideo})}
        videos={this.state.videos}
      />
      </div>
    );
  }
render ( ) { return ( < div > < SearchBar / > < VideoDetail video = { this . state . selectedvideo } / > < VideoList onVideoSelect = { selectedvideo => this . setState ( { selectedvideo } ) } videos = { this . state . videos } / > < / div > ) ; }
following lines do not wait for constructor to finish fetching videos, and may pass undefined down to children!
following lines do not wait for constructor to finish fetching videos and may pass undefined down to children!