use-time-react-hook

A React hook that makes your component aware of time.

Usage no npm install needed!

<script type="module">
  import useTimeReactHook from 'https://cdn.skypack.dev/use-time-react-hook';
</script>

README

useTime react hook

A React hook that makes your component aware of time.

npm install use-time-react-hook -S

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>;
};