Variable useCombined`Const`

useCombined: UseCombined = ...

Combines an array of ReadableLikes into a transformed value.

Note that changes to transform and config will not trigger re-derivation, and useCombine always uses the latest transform and config in the derivation.

Param: deps

An array of ReadableLikes to combine. It follows the React rules of hooks where the length of the array must remain constant.

Param: transform

Optional pure function that takes multiple values and returns a new value.

Param: config

Optional custom Config.

Returns

The transformed values.

Example

import { useCombined } from "@embra/reactivity/react";

function App({ width$, height$ }) {
  const size = useCombined(
    [width$, height$],
    ([width, height]) => ({ width, height }),
    { equal: (s1, 22) => s1.width === s2.width && s1.height === s2.height }
  );
}