React Countdown Hook

Installation

1# NPM
2npm i @cubetiq/react-use-countdown
3
4# Yarn
5yarn add @cubetiq/react-use-countdown

Example

1import React from 'react';
2import ReactDOM from 'react-dom';
3// import the countdown hook here
4import { useCountdown } from 'cubetiq-react-use-countdown';
5
6const App = () => {
7    const { timeleft, start } = useCountdown({
8        step: 1000,
9    });
10
11    return (
12        <div>
13            <button onClick={() => start(10000)}>Start Countdown</button>
14            <h1>Time left: {timeleft}</h1>
15        </div>
16    );
17};
18
19ReactDOM.render(<App />, document.querySelector('#root'));

Contributors

Project's repository: React Countdown

• @s.long
• @sombochea
• @cubetiq