react-three-next VS use-animation

ps, you can also try https://github.com/pmndrs/react-three-next where we have abstracted this stuff. it gets 100% lighthouse score for performance, accessibility, best practices and seo.

react-three-next

there's a whole eco system around three in react and next. it starts with react-three-fiber, drei has tons of helpers, and then there's three-next for when you need 100% lighthouse, persisting canvas across routes etc.

It’s a good combination, react-three-fiber expresses three in react, react-three-next makes for a good starting template for common issues like persisting canvas between routes. And Vercel is funding both pmndrs and r3f.

The team at r3f are doing killer work. Check out this repo for a way to do SSR with their react renderer. https://github.com/pmndrs/react-three-next

you could also check out https://github.com/pmndrs/react-three-next which is a nextjs starter. it gives you almost 100% lighthouse, and it has all these little tricks inbuilt.

Also check out https://github.com/pmndrs/react-three-next uses react three fiber, which is awesome.

If you want to go deeper again then check out the project README and samsarajs. I'd like to try @most/core instead of rxjs here since it boasts impressive performance[ref]. To me, this seems like a promising area for further investigation. I've begun to experiment with a similar approach in Unity3d, hopefully more to report soon!