RAF service

The RAF (short for requestAnimationFrame) service will help you manage your render loops.

Usage

js

import { useRaf } from '@studiometa/js-toolkit';

const { add, remove, props } = useRaf();

add('custom-id', (props) => {
  console.log(props.time); // latest `performance.now()`

  // Read the DOM and compute values...

  return () => {
    // Update the DOM...
  };
});

// Get the latest prop object
console.log(props());

// Remove the callback
remove('custom-id');

Props

`time`

Type: Number

The time elapsed since the time origin.

TIP

Read the performance.now() documentation to find out more on the time origin.