react-use-animationframe
TypeScript icon, indicating that this package has built-in type declarations

1.1.0 • Public • Published

react-use-animationframe custom hook

React hook for a callback that is called within an animation frame window. The callback is called either with every animation frame request (about 60 times per second), or approximately with a certain frequency adjustable via parameter. The frequency works in multitudes of animation frame intervals and cannot be faster than the animation frame limit.

Install

npm install react-use-animationframe

Usage

import React from 'react';
import { useAnimationFrame } from "react-use-animationframe";

export const Component: FunctionComponent = () => {

    useAnimationFrame((time) => {
        console.log("I'm called approximately every 16ms, but it actually was", time, "ms");
    });

    useAnimationFrame((time) => {
        console.log("I'm called approximately every second, but it actually was", time, "ms");
    }, 1000);
}

License

MIT

Readme

Keywords

none

Package Sidebar

Install

npm i react-use-animationframe

Weekly Downloads

1,162

Version

1.1.0

License

MIT

Unpacked Size

4.43 kB

Total Files

15

Last publish

Collaborators

  • nils.drechsel