use-timer

Simple timer using React Context API. Can be accesible from any component.

Installation

1npm i @layerhub-io/use-timer

Using pnpm:

1pnpm i @layerhub-io/use-timer

Usage

Wrap you application with TimerProvider, then use it from anywhere your application.

1import { TimerProvider, useTimer } from '@layerhub-io/use-timer';
2
3const ParentApp = () => {
4  return (
5    <TimerProvider>
6      <App />
7    </TimerProvider>
8  );
9};
10
11const App = () => {
12  const { start, time, pause, reset, setTime } = useTimer();
13  return (
14    <div>
15      <div onClick={start}>start</div>
16      <div onClick={pause}>pause</div>
17      <div onClick={reset}>reset</div>
18      <div onClick={() => setTime(1000)}>set time 10</div>
19      <div>{time}</div>
20    </div>
21  );
22};