Function renderEffect

  • Run a render effect, reactively, based on the passed args.

    Like effect, this is an escape-hatch and can hurt performance.

    The main difference with renderEffect is that it enables you to measure changes to the DOM, if needed, like when implementing line-clamping, or any other feature that requires a full render pass before taking measurements to then make further adjustments.

    When using this, it is important to ensure that visual jitter is minimized.

    Type Parameters

    • Args extends any[]

    Parameters

    • fn: ((...args: Args) => void | Promise<void>)
        • (...args): void | Promise<void>
        • Parameters

          Returns void | Promise<void>

    • Rest...args: Args

    Returns void