Post

Preact Signals just got a huge performance boost: Signals rendered as text/props & effects only "pull" as fast as needed for rendering. Since computeds run as-needed, they now only re-run as often as their downstream DOM output can be painted. H/t to @jovidecroock.com for making this happen.

In the video, a signal containing the mouse coords is used to compute thousands of positions that are applied to thousands of elements as CSS in an Effect. In 1.x, when the rate of input exceeds screen refresh rate, computations run more often than their results can be painted. In 2.x, they don't.

The really awesome thing is, this effectively brings the value of scheduling to signals without any of the headaches normally associated with scheduling: Because it's not possible to bog the graph down by computing state for outdated frames, it's able to begin computing on every frame instantly.