Simple fetch based API client implementations

0-Code verbosity vs expressiveness.md

inspired by simple counter app implementations

react.js

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

const reposUrl = username => `https://api.github.com/users/${username}/repos`

const reposForUser = (username) => {
  return fetch(reposUrl(username)).then(response => response.json())
}

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 App = () => (
  <div>
    <RepositoryList id="pe3"/>
  </div>
)

ReactDOM.render(<App />, document.querySelector('#app'))