json-api-react.ts

import { Model, find, findAll } from 'react-jsonapi';

class User extends Model {
    name: string;

    email: string;

    createdAt: Date;
} 

@find(User)
@findAll(User, {
    // other options
    name: 'usersQuery', // prop name
    cachePolicy: 'network', // always send a new request to server
})
class MyComponent extends Component {
    componentDidUpdate() {
        // Find(User) query result
        const {
            loading,
            result: user,
        } = this.props.data;

        if (!loading) {
            user.name = 'new name';
            user.save();
        }
    }

    render() {
        const {
            loading, // true if users query still loading
            result: users, // will contains [User]
            error,
            // etc
        } = this.props.users;

        if (loading) {
            return <Loading />
        }

        return users.map(user => <DisplayUser key={user.id} user={user} />);
    }
}