Networking Hooks


Composable hooks for networking data

$3

Aborts inflight request if the parameters change.

``typescript
const data = useSuspense(useCancelling(MyEndpoint, { filter }), { filter });
`

$3

Delays updating the parameters by debouncing.
Useful to avoid spamming network requests when parameters might change quickly (like a typeahead field).

`typescript
const debouncedFilter = useDebounce(filter, 200);
const data = useSuspense(SearchList, { filter: debouncedFilter });
`

$3

Helps track loading state of imperative async functions.

`tsx
function Button({ onClick, children, ...props }) {
const [clickHandler, loading, error] = useLoading(onClick);
return (

{loading ? 'Loading...' : children}

);
}
``