react-three-flex icon indicating copy to clipboard operation
react-three-flex copied to clipboard

react-spring, ordering and decoupling

Open bbohlender opened this issue 4 years ago • 2 comments

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).

bbohlender avatar Sep 12 '21 21:09 bbohlender

lint action seems to still fail

v1rtl avatar Oct 06 '21 08:10 v1rtl

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 :)

bbohlender avatar Oct 06 '21 11:10 bbohlender