react-spring, ordering and decoupling

bbohlender commented 3 years ago

fix #8, #16 should improve #7

decouples from three.js with useBox
integrates with react-spring enabling useSpringBox
offers Box and SpringBox and is extensible for more Box types using useBox hooks
intergrates odering management using index

Breaking changes:

BoxReferenceGroup instead of Flex being the automatic reference group
use "AutomaticBox" instead of a normal "Box" to enable automatic size computation based on bounding box of children
Flex has no "inner" group, thus a flex element can't be translated (however a surrounding group can be of course)

I'd love to discuss the proposed changes. I've tested them using the storybook stories and already used it on a XR-UI library I am writing (https://twitter.com/BelaBohlender/status/1433844465450508288).

talentlessguy commented 2 years ago

lint action seems to still fail

bbohlender commented 2 years ago

lint action seems to still fail

yeah, I am not using yarn, so the lock file had to be updated, should be all set now :)

pmndrs / react-three-flex