RAFManager - a simple requestAnimationFrame animation manager

Features

RAFManager is a simple requestAnimationFrame animation manager. With RAFManager you can control the addition/deletion animations globally with precision.

The important thing is that it has only a few dozen lines of code, and the size is so small that you can ignore it.

Usage

Use directly in the page

<script src="js/RAFManager.min.js"></script>

Or install using npm

npm install raf-manager --save 
...

import RAFManager from 'raf-manager';

API:

// add animation func -- auto start
RAFManager.add(func, fps, param); 

// remove animation func -- auto stop
RAFManager.remove(func);

// start and stop
RAFManager.start();
RAFManager.stop();

Usage demo:

RAFManager.add((title)=>{
    this.inputRef.current.innerHTML = title;
    this.inputRef.current.style.top = top + 'px';
}, 25, { title:'hello world!' }); 

Build

Node is a dependency, use terminal to install it with npm:

npm install
npm run build

es6 lint

npm run lint

License

LicenseFinder is released under the MIT License. http://www.opensource.org/licenses/mit-license