Common React hooks for worry-free state and control flow management.
npm install @etheryte/react-hooks@etheryte/react-hooksCommon React hooks for worry-free state and control flow management.
``sh`
yarn add @etheryte/react-hooks
Use effect on every update except the initial render. Accepts the same parameters as React.useEffect().
React.useEffect() with async helpers. The effect is passed a function isStale() which returns a boolean value indicating whether the dependencies have changed between the start of the async effect and the moment you call it.
`ts`
useAsyncEffect(async (isStale) => {
const result = await longAsyncRequest();
// If the dependencies changed between the request start and now, discard the result
if (isStale()) {
return;
}
setFoo(result);
}, dependencies);
Use async effect on every update except the initial render. Accepts the same parameters as useAsyncEffect(). The effect is passed a function isStale() which returns a boolean value indicating whether the dependencies have changed between the start of the async effect and the moment you call it.
A state variable like React.useState() that fetches its value from an async source whenever the dependencies change. Stale values are handled automatically.
`ts``
const value = useAsyncState(async () => {
if (condition) {
return undefined;
}
return longAsyncRequest();
}, dependencies);