useSignal() function

Home > @rimitive/react > useSignal

useSignal() function

Create a signal that is scoped to the component lifecycle. Returns a tuple of [value, setter] similar to useState.

Signature:

export declare function useSignal<T>(initialValue: T | (() => T)): [T, SignalSetter<T>];

Parameters

Parameter	Type	Description
initialValue	T | (() => T)

Returns:

[T, SignalSetter<T>]

Example 1

function Counter() {
  const [count, setCount] = useSignal(0);
  return (
    <button onClick={() => setCount(count + 1)}>
      Count: {count}
    </button>
  );
}

Example 2

// With updater function
function Counter() {
  const [count, setCount] = useSignal(0);
  return (
    <button onClick={() => setCount(prev => prev + 1)}>
      Count: {count}
    </button>
  );
}