useLoader

Basic loading component to be used while your function is not ready to be rendered. It is to be used with react hook components.

Install

npm i use-loader

Usage

import React, {useEffect} from 'react'
import useLoader from 'use-loader';

const Component = () => {
  const [loader, setLoaded, setError] = useLoader();

  useEffect(() => {
      setTimeout(() => {
          setError('There is an error!');
      }, 3000);

      setTimeout(() => {
          setLoaded(true);
      }, 6000);
  }, [setError, setLoaded]);

  if (loader.notReady()) return loader.showContent();

  return (
      <div>Hello World!</div>
  );
}

export default Component;