【文件属性】:
文件名称:react-timing-hooks:React针对setTimeout,setInterval,requestAnimationFrame,requestIdleCallback的钩子
文件大小:117KB
文件格式:ZIP
更新时间:2021-05-17 05:14:22
TypeScript
React时间钩
特征
几个React挂钩包装
requestAnimationFrame
setTimeout
setInterval
requestIdleCallback
包括“效果”版本和实用程序挂钩,如useTimer , useAnimationFrameLoop
完整的打字稿支持
(压缩后小于1KB,无外部依赖项)
摇树
安装
# via npm
npm i react-timing-hooks
# via yarn
yarn add react-timing-hooks
用法
import { useState } from 'react'
import { useAnimationFrameLoop } from 'react-timing-hooks'
const AnimationFrameCounter = ( { depA , depB } ) =
【文件预览】:
react-timing-hooks-master
----.versionrc.json(360B)
----.cz.json(1KB)
----rollup.config.js(466B)
----.github()
--------ISSUE_TEMPLATE()
--------workflows()
----jest.setup.js(103B)
----src()
--------interval()
--------index.ts(818B)
--------animation-frame()
--------idle-callback()
--------timeout()
----.npmignore(207B)
----CONTRIBUTING.md(6KB)
----tsconfig.json(606B)
----LICENSE(1KB)
----jest.config.js(181B)
----README.md(3KB)
----rollup.config.prod.js(510B)
----docs()
--------index.md(5KB)
--------assets()
--------_config.yml(111B)
----integration-tests()
--------useIdleCallback.test.tsx(1KB)
--------useAnimationFrameLoop.test.tsx(2KB)
--------useInterval.test.tsx(2KB)
--------useIdleCallbackEffect.test.tsx(1KB)
--------useTimeoutEffect.test.tsx(2KB)
--------useAnimationFrame.test.tsx(1KB)
--------useTimeout.test.tsx(2KB)
--------useTimer.test.tsx(869B)
--------helpers.ts(325B)
----prettier.config.js(120B)
----.editorconfig(229B)
----CODE_OF_CONDUCT.md(5KB)
----.gitignore(1KB)
----CHANGELOG.md(9KB)
----package-lock.json(352KB)
----package.json(3KB)