Nion Example

nion-example.js

import nion from 'nion'
@nion({
    currentUser: {
        endpoint: buildUrl('/api/current-user', { fields: user: ['avatarUrl'] }),
        apiType: 'jsonApi'
    }
})
class UserContainer extends Component {
    render() {
        const { request, actions, data } = this.props.nion.currentUser
        return (
            <Card>
                { request.isLoading ? 
                    <LoadingSpinner /> : 
                    <Button onClick={() => actions.get()}>Load</Button>
                }
                { !request.isLoading && data ? 
                    <Avatar avatarUrl={data.avatarUrl} /> : 
                    null 
                }
            </Card>
        )
    }
}