@use-hooks/interval

Custom React Hooks for setInterval

Usage no npm install needed!

<script type="module">
  import useHooksInterval from 'https://cdn.skypack.dev/@use-hooks/interval';
</script>

README

react-hooks-interval

NPM version npm download Build Status

Custom React Hooks for setInterval

Install

Note: Make sure that you have installed the correct version of react(>= v16.8.0) and react-dom(>= v16.8.0).

npm

npm install --save @use-hooks/interval

yarn

yarn add @use-hooks/interval

API

Params

/**
 * Params
 * @param {function} callback - Custom logic function
 * @param {number|null} delay - Delayed millisecond, stop if null
 */

Returns

/**
 * Returns
 */

Usage

import React, { useState } from 'react';

import useInterval from '@use-hooks/interval';

export default function App() {
  const [count, setCount] = useState(0);

  useInterval(() => {
    setCount(count + 1);
  }, 1000);

  return (
    <div>
      <h2>DEMO of <span style={{ color: '#F44336' }}>@use-hooks/interval</span></h2>
      <p>Count: {count}s</p>
    </div>
  );
}

Live Show

Development

Node >= v8 LTS

  • Clone the project to local disk
  • npm install
  • npm start

License

MIT

Generated by create-react-hooks.