hook-essentials v0.1.4-beta

hook-essentials (Beta)

A Collection of excellent react hooks.

• useAsyncCallback
• useStateObject
• useFormState
• useSelection
• useThrottle
• useToggle
• useGetParams (peer-dependency: react-router-dom)

useAsyncCallback

Example Usage:

import { useAsyncCallback } from 'hook-essentials';
import api from './apiClient';

function App() {
    const {
        result,
        loading,
        error,
        callback: doAction,
        reset
    } = useAsyncCallback(api.doAction, {
        defaultResult: {
            message: 'no results yet'
        }
    });

    if (error) {
        return (
            <h2>There was an Error.</h2>
        );
    }

    if (loading) {
        return (
            <h3>loading...</h3>
        );
    }

    return (
        <div>
            <Button onClick={doAction}>Do Action</Button>
            <Button onClick={reset}>reset</Button>
            <pre>{JSON.stringify(result, null, 4)}</pre>
        </div>
    );
}

Signature:

(alias) useAsyncCallback(
    callback,
    {
        defaultResult = undefined,
        autoCall = false,
        autoCallArgs = [],
    } = {}
) : ({
    result: mixed
    loading: boolean
    error: false|Error|mixed
    callback: function,
    reset: function
})

Coverage