REST call in componentWillMount

fetchInComponent.js

import React from 'react'
import ReactDOM from 'react-dom'
import fetch from 'isomorphic-fetch'

const App = () => (
  <div>
    <RepositoryList id="pe3"/>
  </div>
)

class RepositoryList extends React.Component {
  constructor(props) {
    super(props)
    this.state = { repos: [] }
  }
  componentWillMount() {
    reposForUser(this.props.id)
    .then((repos) => {
      this.setState({repos: repos})
    })
    .catch((error) => {
      console.log(error)
    })
  }
  render() {
    return <pre>{JSON.stringify(this.state.repos, null, 2)}</pre>
  }
}

const reposForUser = (username) => {
  const url = `https://api.github.com/users/${username}/repos`
  return fetch(url).then(response => response.json())
}

ReactDOM.render(<App />, document.getElementById('content'))