Sudoo-React-Hooks-DOM

Continuous Integration codecov npm version downloads

React Hooks DOM

Install

yarn add @sudoo/react-hooks-dom
# Or
npm install @sudoo/react-hooks-dom --save

Usage

Call multiple hook update function normally only cause a single re-render.

export const MyComponent = () => {
    setA();
    setB();
};

In case of update functions are called within a promise, the following path will also only trigger single component re-render.

import { batchUpdate } from "@sudoo/react-hooks-dom";

export const MyComponent = () => {

    new Promise((resolve: () => void) => {

        batchUpdate(() => {
            setA();
            setB();
        });
        resolve();
    });
};