example-signals-animation

What problem does it solve?

This skill enables building and observing fine-grained reactive signals within Helios to drive performant UI animations.

Core Features & Use Cases

• Real-time signal creation and derivation with computed values for dynamic state.
• Efficient DOM updates through effects that re-run only when accessed dependencies change.
• Use Case: implement a responsive UI element, such as a rotating banner or live data widget, that updates smoothly at 60fps with minimal recomputation.

Quick Start

Initialize a Helios instance, declare a signal, define a computed rotation based on the signal, and register an effect to apply the rotation to a DOM element.