use-fetch-suspense v1.0.1

use-fetch-suspense

Use Suspense for Data Fetching early!

Install

npm i -S use-fetch-suspense

Usage

import React, { Suspense } from "react";
import { FetchProvider, useFetch } from "use-fetch-suspense";

const Fetcher = () => {
  const data = useFetch("breeds/image/random");
  return data ? <img alt="dog" src={data.message} /> : null;
};

export default () => {
  return (
    <FetchProvider
      config={{
        baseUri: "https://dog.ceo/api/"
      }}
    >
      <Suspense fallback="Loading...">
        <Fetcher />
      </Suspense>
    </FetchProvider>
  );
};

License

MIT © nibblesnbits