Releases · jxom/react-loads

This repository was archived by the owner on Nov 10, 2023. It is now read-only.

19 Jun 07:57

jxom

9.2.3

031cda3

9.2.3 Latest

Latest

Initial release

Assets 2

26 May 04:46

jxom

9.2.1

2d757b7

9.2.1

Patches

Add debounceCache option: 662c0d4
- This option will persist the results from the previous query until new ones have fetched.

Assets 2

26 May 03:12

jxom

9.2.0

746a001

9.2.0

Features

Add ability to debounce invocation of the async function, using the debounce config option. Example:

async function fetchRandomDog({ value }) {
  const response = await axios.get(`https://dog.ceo/api/breed/${value}/images/random);
  return response;
}

export default function RandomDog() {
  const [value, setValue] = React.useState('poodle');

  const { isPending, isResolved, response } = useLoads('random-dog', fetchRandomDog, { 
    debounce: 1000,
    variables: [{ value }]
  });

  return (
    <div>
      <input 
        placeholder="Search for a dog..." 
        onChange={e => setValue(e.target.value)} 
        value={value} 
      />
      {isPending && 'Loading...'}
      {isResolved && (
        <img src={response.data.message} />
      )}
    </div>
  )
}