Skip to content

domScheduler

A scheduler created with the useScheduler function and made to schedule reads and writes from the DOM to avoid layout thrashing. Find out more by reading this web.dev article.

This scheduler has 3 stages: read, write and afterWrite.

Usage

js
import { 
domScheduler
} from '@studiometa/js-toolkit/utils';
domScheduler
.
read
(() => {
const
size
=
document
.
body
.
offsetWidth
;
domScheduler
.
write
(() => {
document
.
body
.
style
.
transform
= `translateX(${
size
* 0.1}px)`;
});
domScheduler
.
afterWrite
(() => {
console
.
log
('transform has been applied!');
}); });

MIT Licensed