ApiCustomExample.jsx

import React from 'react';
import { apiDecorator } from 'jetset';

const doAsyncStuff = data => new Promise( resolve =>
  setTimeout(() =>
    resolve( data.map( item => ({ ...item, foo: 'bar' }) ) )
  )
);

const users = apiDecorator({
  url: 'https://jsonplaceholder.typicode.com',
  users: {
    routes: {
      default: '/users',
      getUserAlbums: id => ({ method: 'get', route: `/users/${id}/albums`, usesCache: true }),
      list: () => ({ onSuccess: doAsyncStuff })
    }
  }
});

@users
export default class ApiCustomExample extends React.Component {
  render() {
    const { getUserAlbums, list } = this.props.users;
    return (
      <div>
        <h3>Albums for user 1</h3>
        <div>
          { getUserAlbums( 1 ).map(({ data }) =>
            <div key={ data.id }>{ data.title }</div>
          )}
        </div>
        <h3>Users with extra attrs added</h3>
        <div>
          { list().data.map(({ data }) =>
            <div key={ data.id }>{ data.name } foo: { data.foo }</div>
          )}
        </div>
      </div>
    );
  }
}