partial.lenses

The implementation shown in the video is actually particularly slow because all the geometric transformations are implemented in terms of lenses/optics ([1]) and ramdajs ([2]). So the whole mess is a gigantic stack of nested, composed and curried functions, instead of raw linear algebra (just becaus I could). I later optimized the hotpath and it is significantly faster (still miles behind webgl/webgpu obviously). You can try yourself if you scroll alll the way to the veeeerrrry bottom here [3]. [1]: https://github.com/calmm-js/partial.lenses [2]: https://ramdajs.com/ [3]: https://static.laszlokorte.de/svatom/

For the same purpouse I ofter use this https://github.com/calmm-js/partial.lenses

A lens is an object that has both read and write access to a property of an object (or to a path into a tree of nested objects). Rather than passing parts of the model to the children (as you'd do with React props), you pass lenses into said parts. It enables child components to read/write to the global store without knowing its structure. As long as it receives an appropriate (set of) lens(es) it is happy. So, for example, if you have a list of strings, rather than passing the nth string to the nth component, you'd pass a lens to the nth string. The component can then not only read but also write to its slot. Lenses can also be composed, so you can create them on the go as you'd pass sub-props to grand-children. https://github.com/calmm-js/partial.lenses <= a comprehensive lens library http://ramdajs.com/ also has lenses. These libs are