Signals you can wire in the code, watch the effects in the UI.

A source signal owns the state. An effect observes that state. When the value changes, the UI follows synchronously.

import { signal, effect } from "@cyftech/signal";

type LightState = "red" | "amber" | "green";

const light = signal<LightState>("red");
const order: LightState[] = ["red", "amber", "green"];

effect(() => {
  trafficLight.dataset.state = light.value;
});

setInterval(() => {
  const current = order.indexOf(light.value);
  light.value = order[(current + 1) % order.length];
}, 1200);

signal value

redambergreen

api-docsGenerated API reference driven by TSDoc and validated markdown.tutorialLearning-first guide with examples, outcomes, and progressive steps.architectureContributor-focused diagrams and implementation notes.