Variable useDerive`Const`

useDerive: UseDerive = ...

Derive a new Readable from the given ReadableLike.

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

Param: dep

The ReadableLike to derive from, or a non-Readable value that will be returned as-is.

Param: transform

Optional pure function that takes an input value and returns a new value.

Param: config

Optional custom Config.

Returns

A Readable with transformed value from the given ReadableLike, or dep itself if dep is not a ReadableLike.

Example

import { useDerive, useValue } from "@embra/reactivity/react";

function App({ position3d$ }) {
  const position2d$ = useDerive(
    position3d$,
    ({ x, y }) => ({ x, y }),
    { equal: (p1, p2) => p1.x === p2.x && p1.y === p2.y }
  );
  const position2d = useValue(position2d$);
}