npm.io
0.0.7 • Published 6 years ago

use-time-react-hook

Licence
MIT
Version
0.0.7
Deps
0
Size
27 kB
Vulns
0
Weekly
0

useTime react hook

A React hook that makes your component aware of time.

npm install use-time-react-hook -S

Or

yarn add use-time-react-hook

Examples:

  • Refresh data at a latest time range:
import { useTime } from "use-time-react-hook";

const App = () => {
  const [time] = useTime({ range: "last 1 minutes", interval: "1 sec" });

  useEffect(() => {
    refreshData();
  }, [time]);

  return <div>...</div>;
};
  • Just get time: Demo
import { useTime } from "use-time-react-hook";

const Clock = () => {
  const [time] = useTime();

  return <div> Now is ${new Date(time).toString()} </div>;
};

Keywords