Nomenclature Processing Machine

    use-abortable-fetch
    TypeScript icon, indicating that this package has built-in type declarations

    3.0.3 • Public • Published

    use-abortable-fetch

    Build Status

    React hook that does a fetch and aborts when the components is unloaded or a new fetch request is started.

    Installation

    npm install use-abortable-fetch or yarn add use-abortable-fetch

    Example usage:

    import React from 'react';
    import useAbortableFetch from 'use-abortable-fetch';
    
    const ChuckNorrisJoke = () => {
      const { data, loading, error, abort } = useAbortableFetch(
        '//api.icndb.com/jokes/random/?limitTo=[nerdy]&escape=javascript'
      );
    
      if (loading) return <div>Loading...</div>;
      if (error) return <div>Error: {error.message}</div>;
      if (!data) return null;
    
      return <div>Joke: {data.value.joke}</div>;
    };
    
    export default ChuckNorrisJoke;

    See this CodeSandbox for a running example.

    Keywords

    none

    Install

    npm i use-abortable-fetch

    DownloadsWeekly Downloads

    771

    Version

    3.0.3

    License

    MIT

    Unpacked Size

    76 kB

    Total Files

    34

    Last publish

    Collaborators

    • mauricedb