signals
Guide
Concepts
Observability
API
Guide
Concepts
Observability
API

Function: useComputed

react.useComputed

useComputed<T>(fn): ReadonlySignal<T>

React hook that creates and memoizes a ReadonlySignal derived computation.

Type parameters

Name Description
T The derived return value type.

Parameters

Name Type Description
fn () => T Pure computation getter function.

Returns

ReadonlySignal<T>

A memoized ReadonlySignal instance.

Remarks

Automatically tracks reactive dependencies read inside fn and re-renders the component when derived state changes.

Example

import React from 'react';
import { useSignal, useComputed } from '@banksia/signals/react';

export const FullNameView: React.FC = () => {
  const firstName = useSignal('Ada');
  const lastName = useSignal('Lovelace');
  const fullName = useComputed(() => `${firstName.value} ${lastName.value}`);

  return <h3>{fullName.value}</h3>;
};
ON THIS PAGE