gl-bench
r3f-perf
| gl-bench | r3f-perf | |
|---|---|---|
| 1 | 2 | |
| 184 | 608 | |
| - | 2.6% | |
| 0.0 | 5.8 | |
| 2 days ago | 10 days ago | |
| JavaScript | TypeScript | |
| MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
gl-bench
r3f-perf
-
Three.js Journey is going React! ⚛️🎉
it's been three years and poimandres has released so many demos, libraries, tools, agencies and real world projects using it, kinda hard to overlook at this point. i get why people were sceptical, it sounded crazy. bruno said it was a tool that he liked in particular that got him to try it https://github.com/utsuboco/r3f-perf of all things 😅 awesome debug tool though.
-
Plain ThreeJS (Inside a React app ) vs react-three-fiber, this is a basic comparison in performance where I added 1000 cubes using the same material and lights in both projects, I know there is a lot of room for improvement like using instancing, but I just wanted it to be very basic and fair.
and instead of stats I used R3f-perf https://github.com/utsuboco/r3f-perf
What are some alternatives?
gamestats - Javascript performance monitor / game stats library inspired by Unity's graphy
react-three-fiber - 🇨🇭 A React renderer for Three.js
SatoshiTop - Bitcoin full node monitoring dashboard for terminal in CLI interface
react-intersection-observer - React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.
hp2html - View GHC profile files as HTML
best - :trophy: Delightful Benchmarking & Performance Testing
engine - JavaScript game engine built on WebGL, WebGPU, WebXR and glTF
ThreeReact
melonJS - a fresh, modern & lightweight HTML5 game engine
react-three-flex - 💪📦 Flexbox for react-three-fiber
gpuparticles - GPU particles using THREE.js
what-code-is-faster - A browser-based tool for speedy and correct JS performance comparisons!