firtoz / react-three-renderer-fiber

Porting R3R to use React Fiber

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

react-three-renderer-fiber

PSA:

This project is advancing at a glacial rate. If you'd like to contribute to the React + Three bridge ecosystems, please take a look at how you can help with the more active https://github.com/drcmda/react-three-fiber project instead.

Back to regular readme

Build Status

Porting R3R to use React Fiber.

This is even more WIP than react-three-renderer itself! Literally unusable. The point of this repository is to play around with react fiber and ask questions to React team and others.

Notes:

  • Motivation was this tweet by Dan :)
  • Lin Clark's talk on fiber helped a lot!
  • Still needed some reverse engineering but not even close to the amount necessary for react-three-renderer.
  • It seems to be super fast (for this specific experiment, that does not mean that much though)
  • I   ❤️   fiber

Current state:

  • It's so minimal it only works with a few hardcoded components :D
  • TODO:
    • Remove hacks
    • Reuse / Port / rewrite existing internal components
    • Make an actual module package

Wanna play around?

  • Clone repository
  • > yarn
  • > cd examples && yarn && cd ..
  • > yarn start
  • Open http://localhost:8080/
  • Look at react devtools
  • Tweak code and break things!

About

Porting R3R to use React Fiber

License:MIT License


Languages

Language:TypeScript 96.9%Language:JavaScript 3.1%