use-raf
v4.7.0arrow_drop_downv4.7.0
STATUS
Passing
DOWNLOADS
94
VISIBILITY
Public
PUBLISHED
6 years ago
SIZE
N/A
1 contributor
Like
Install use-raf as a package?
Copied
npm i @bit/giladshoham.react-hooks.use.use-raf
Set Bit as a scoped registryLearn more
npm config set '@bit:registry' https://node.bit.cloud
Component Example
React
React
Vue
Angular
React Native
Add dependency... help_outline
Just
and packages in Bit or NPM to the example. any of the 1 million componentstoggle layout
chevron_left
chevron_right
useRaf
React animation hook that forces component to re-render on each reaquestAnimationFrame
,
returns percentage of time elapsed.
Usage
import {useRaf} from 'react-use';
const Demo = () => {
const elapsed = useRaf(5000, 1000);
return (
<div>
Elapsed: {elapsed}
</div>
);
};
Reference
useRaf(ms?: number, delay?: number): number;
ms
— milliseconds for how long to keep re-rendering component, defaults to1e12
.delay
— delay in milliseconds after which to start re-rendering component, defaults to0
.