Just started with react-three-fiber, so bear with me. I know it is a renderer and you compile it, but anyway…
What I want to do is to create a parametric design environment in react. E.g. I want to add a room, given length, width, height in a web form, draw it programmatically, and put it on the screen.
I can do this in vanilla three.js. But I want to get the extra power react-three-fiber gives / also waiting for v18 release for concurrency. To get it, I think I need jsx et.al.
Is there any way to do this?
If not: One idea that comes to my mind is to use vanilla threejs and record the scene elements as react-three-fiber commands e.g. into a database. Afterward, a CreateScene file can be created and compiled. Did anyone try similar? What tools?
that’s basically the root usecase for react, binding input to ui. in react the view (what you see on screen) is the deterministic outcome of state. if state is this, the view will be that. an editor would be quite natural.
here are a couple of r3f based editor examples, maybe some of it inspires you