Optimized Rendering

[zebulonj]

The goal of this optimization is to ensure that rendering is not triggered more often than once per animation frame, regardless of the timing of signals and action execution.

[zebulonj]

The use of window.requestAnimationFrame (eac6306) limits usage of this library to the browser. Enhancements will need to be made to make this library universal.

[zebulonj]

Currently, animation frames are being injected into the signal queue as signals. Rendering to the DOM (via React or otherwise) only occurs when there has been a change of state, but the machinery that precedes that final render is being executed on every animation frame, at significant processor cost (see #13).

[zebulonj]

Rendering should be triggered on the next animation frame, only by the following conditions:

• the state has been changed by an action
• one or more animations are pending

The mechanism that manages requests for animation frames will have to be accessible to both the state accessors (setter) and the animation helper(s).