[Help] Refactor the react-fetches' API - v2.0

[dleitee]

Hello folks,

At the first moment, I have created this lib to use internally at CheesecakeLabs, I had never dedicated my totally time to think about the library API.

After launch this I found some errors and equivocals which do not allow the library to grow and scale.

So, it's time to rethink and reorganize the ideas to create a common sense API (v2.0) with your help.

I need your opinion to turn this library more elegant and efficient.

Best regards

[dleitee]

The initial idea for v2.0is to create something like the ApolloClient.

We will have two components Request and Dispatcher:

<Request uri="friends" method="GET">
  {({ loading, error, data }) => {
    if (loading) {
      return "Loading..."
    }
    if (error) {
      return `Error: ${error.message}`
    }

     return (
        <select name="friend" onChange={onFriendSelected}>
          {data.friends.map(friend => (
            <option key={friend.id} value={friend.id}>
              {friend.name}
            </option>
          ))}
        </select>
      )
  }}
</Request>

and

<Dispatcher method="POST" uri="friend">
  {(addFriend, { loading, error, data }) => {
    if (loading) {
       return "Saving..."
    }
    return (
       <Fragment>
           <button onClick={() => addFriend({ name: 'John Clue'})}>Save</button>
           {error? (<span>Error: {error.message}</span>): null}
      </Fragment>
    )
  }}
</Dispatcher>