Function: useDerived()

useDerived<Value>(derived): Value

Defined in: lib/use-derived.ts:147

Subscribes a React component to a value created with derive.

import { adapt, derive, useDerived } from '@state-adapt/react';

const priceStore = adapt(20);
const quantityStore = adapt(3);

const deriveTotal = derive(() => priceStore() * quantityStore());

function Total() {
  const total = useDerived(deriveTotal);

  return <p>Total: {total}</p>;
}

deriveTotal is computed once per change, no matter how many components subscribe.

Type Parameters

Value

Value

Parameters

derived

Derived<Value>

Returns

Value