use-async

npm install @nutgaard/use-async --save

The library exposes one hook useAsync, and three utility-functions to help use the result (isPending, hasData and hasError).

import React from 'react';
import useAsync, { isPending, hasError } from '@nutgaard/use-async';

const source = React.useCallback((isRerun) => Promise.resolve("your data here"), []);
const result = useAsync(source);

if (isPending(result)) {
  return <Spinner />;
} else if (hasError(result)) {
  return <Error />
} 

return <pre>{result.data}</pre>

In cases where dependencyList is defined it is passed on to useEffect instead of source. This allows a greater control of when the effect should run in cases where the source does not necessarily change.

Full documentation of types can be seen here, or in the 80-ish lines of code.

Made using the awesome typescript library starter