recompose_withPokemonAPI.js

import { compose, withStateHandlers, withHandlers } from 'recompose'

export default compose(
  withStateHandlers({
    isFetching: false,
    name: '',
    data: null
  }, {
    setFetching: (state) => (isFetching) => ({ ...state, isFetching }),
    setData: (state) => (data) => ({ ...state, data }),
    setName: (state) => name => ({ ...state, name }),
  }),
  withHandlers({
    fetchPokemon: (props) => () => {
      props.setFetching(true)
      fetch(`https://pokeapi.co/api/v2/pokemon/${props.name}`)
        .then(res => res.json())
        .then(response => {
          props.setFetching(false)
          props.setData(response)
        })
    }
  })
)