react-countdown-hoc v0.1.6

React Countdown HOC

It's a render props component, or FaCC(Function as Child Component).

know more details about render props Render Props – React

Use this Component

yarn add react-countdown-hoc to install the latest version

<Countdown intervalSecond={1} duration={60}>
  {(isCounting, restTime, startCount) => (
    <button disabled={isCounting} onClick={() => startCounting(startCount)}>
      {isCounting ? `${restTime}s` : 'done'}
    </button>
  )}
</Countdown>

Props

children

You could put a button here but start counting, and display rest of time.

isCounting is a flag to tell you if countdown completed

durationTime tells you rest time for current countdown

startCount is a function, to start count

Contribute to this repo

To install dependencies

$ yarn

To build

$ yarn build

To run tests

$ yarn test

To run Storybook

$ yarn start