1.1.0 • Published 8 days ago

react-use-shared-tick v1.1.0

Weekly downloads
-
License
MIT
Repository
github
Last release
8 days ago

npm version

React useSharedTick

React hook run function in same setInterval

Installation

use npm

npm install react-use-shared-tick --save

use yarn

yarn add react-use-shared-tick

use pnpm

pnpm install react-use-shared-tick

Usage

run function per second

import { useStatus } from "react"
import useSharedTick from "react-use-shared-tick"

function App() {
  const [time, setTime] = useState(Date.now())
  useSharedTick(setTime)

  return (
    <div>Current Timestamp: {time}</div>
  )
}

run function per 3 second

useSharedTick(setTime, {tick: 3000})

API

useSharedTick

useSharedTick(handler: (t: number)=>void, param)

Handler

ParamTypeDescription
timestampnumbercurrent timestamp

Parameter

FieldTypeDefaultRequirementDescription
ticknumber1000NoRunning interval time
runOnTabVisiblebooleanfalseNowhen true will pause/start interval if visibilitychange event dispatched

License

The files included in this repository are licensed under the MIT license.