React Loads - basic bacon example

react-loads-basic.js

const getBacon = () =>
  axios.get('https://baconipsum.com/api/?type=meat-and-filler')

const Bacon = () => (
  <Loads fn={getBacon}>
    {({ isIdle, isLoading, isSuccess, response, load }) => (
      <div>
        <button onClick={load}>
          {isIdle ? 'Get some bacon' : 'Get more bacon'}
        </button>
        {isLoading && <p>Coming right up...</p>}
        {isSuccess && <p>{response[0]}</p>}
      </div>
    )}
  </Loads>
)