Work
I write a series on real-time UI performance and ship the methods as the open-source projects below.
-
Oracaus · Render alignment for heavy client-side compute in React
A React primitive that commits each (input, output) pair from a single snapshot, so heavy async compute against a streaming feed never paints a frame the inputs never produced. The live demo applies it to a streaming options vol-surface (SVI) fit.
- Live demo
Two panels fit a vol surface against a ticking option chain. Trigger the vol shock and watch the naive panel tear while the substrate holds.
- npm · @oracaus/coherent-derivation
The hook useCoherentDerivation: commits each (input, output) pair atomically from one snapshot. About 3 KB gzipped, property-tested against thousands of random op-sequences.
- Source
The monorepo: the library, the demo, and the SVI fitting pipeline.
- Live demo