Computing Signal Values

Usage

Sometimes you may want to create a new signal that is computed from other signal values. This is where the createComputed primitive comes in.

This API is similar to the native useMemo hook from React without the need for providing a depedency Array.

In this example, we create a computed signal based on two raw signals. Likewise, we utilize the createEffect primitive which sets the signal value without React getting involved.

Note

In order for createComputed to track signal subscriptions, it is required that Accessors are used in the body.

Loading example...

import { createComputed } from '@cerberus/signals'

Usage

Sometimes you may want to create a new signal that is computed from other signal values. This is where the createComputed primitive comes in.

This API is similar to the native useMemo hook from React without the need for providing a depedency Array.

In this example, we create a computed signal based on two raw signals. Likewise, we utilize the createEffect primitive which sets the signal value without React getting involved.

Note

In order for createComputed to track signal subscriptions, it is required that Accessors are used in the body.

Count: 0

Double Count: 0 is even

Loading example...

API

createComputed accepts a callback function and returns the value in a form of a Signal Accessor.

Important: be sure to use Accessor getters not values within a createComputed primitive. Ignoring to do so will cause stale values that will not be updated.