react-timing-hooks:React针对setTimeout,setInterval,requestAnimationFrame,requestIdleCallback的钩子

时间:2024-06-05 23:01:02
【文件属性】:

文件名称:react-timing-hooks:React针对setTimeout,setInterval,requestAnimationFrame,requestIdleCallback的钩子

文件大小:117KB

文件格式:ZIP

更新时间:2024-06-05 23:01:02

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)

网友评论