psychedelicious 3db69af220 refactor(ui): generalize stage event handlers ... Create intermediary nanostores for values required by the event handlers. This allows the event handlers to be purely imperative, with no reactivity: instead of recreating/setting the handlers when a dependent piece of state changes, we use nanostores' imperative API to access dependent state. For example, some handlers depend on brush size. If we used the standard declarative `useSelector` API, we'd need to recreate the event handler callback each time the brush size changed. This can be costly. An intermediate `$brushSize` nanostore is set in a `useLayoutEffect()`, which responds to changes to the redux store. Then, in the event handler, we use the imperative API to access the brush size: `$brushSize.get()`. This change allows the event handler logic to be shared with the pending canvas v2, and also more easily tested. It's a noticeable perf improvement, too, especially when changing brush size.		2024-06-06 07:45:13 +10:00
..
addLayerHooks.ts	feat(ui): add initial image layer to CL	2024-05-02 23:09:26 -04:00
layerStateHooks.ts	fix(ui): layers are "enabled", not "visible"	2024-05-23 10:14:34 +10:00