use-async-cache

a simple react hooks implement for async cache store;

a list of [element1, ..., elementn] use async-date from same api。[element1, ..., elementn] will share same async-cache，api will request once。

see more props

Install

npm install

Usage

api will only request once

import React from 'react';
import { useAsyncCache } from 'use-async-cache';

import { cache } from '@/api/cache';

export const Element = () => {
  const { cached } = useAsyncCache({
    id: '1',
    api: cache.fetch,
  });
  return <span>{cached && cached.data}</span>;
};

import React from 'react';

import { Element } from './components/Element';

export default () => {
  return Array(10)
    .fill(0)
    .map(() => <Element />);
};

api.cache.fetch will only request once for 10 element

Author

👤 JW

• Twitter: @jiangweixian
• Github: @JiangWeixian

Show your support

Give a ⭐️ if this project helped you!

This README was generated with ❤️ by readme-md-generator