pmndrs/react-three-fiber
View on GitHub ↗ ★ 33,428 TypeScript
🇨🇭 A React renderer for Three.js
24 mentions on Hacker News by 15 people: 3 stories, 21 comments · first 2019-02-27 · latest 2024-06-24
20082026
-
…b.com/observablehq/plot-create-react-app-exampl... [2] https://wattenberger.com/blog/react-and-d3 [3] https://github.com/pmndrs/react-three-fiber
comment by BenoitP · 2022-12-21 · in Reanimate: Build declarative animations with SVG and Haskell -
…Naively, I wonder how performance differs between UseGPU and R3F with Three's WebGPU renderer. [1]: https://github.com/pmndrs/react-three-fiber
comment by nchase · 2022-08-22 · in The GPU Banana Stand -
…a react wrapper called react-three-fiber[2] which is making a splash. 1. https://threejs.org/ 2. https://github.com/pmndrs/react-three-fiber
comment by apineda · 2022-05-10 · in Show HN: 3D Portfolio website with late 90s aesthetic, made with Three and React -
▲ 179
Show HN: I made a site where you can travel in space in your browserstory by cryptography · 2022-04-29 · 77 comments
-
The React version is react-three-fiber which is also a cool project. - https://github.com/pmndrs/react-three-fiber - https://docs.pmnd.rs/react-three-fiber/getting-started/examp...
comment by cercatrova · 2021-11-22 · in Svelte Cubed -
…is to say how easy it was and how highly I recommend the pmndrs suite for web 3D abstractions. [1] https://github.com/pmndrs/react-three-fiber [2] https://docs.pmnd.rs/react-three-fiber/getting-started/intro... [3]…
comment by JayStavis · 2021-10-06 · in Stripe Press -
…[1] See the description in the panel here. It's talking about React 18 concurrency. https://github.com/pmndrs/react-three-fiber/blob/e3a71baad42... [2] https://twitter.com/Rich_Harris/status/1200805237948325888
comment by Jasper_ · 2021-08-15 · in React Renderer for Three.js -
…Here's the example from the tweet [0]. Feel free to tell me where the artificial delay is. [0] https://github.com/pmndrs/react-three-fiber/blob/e3a71baad42...
comment by Jasper_ · 2021-08-15 · in React Renderer for Three.js -
…That means that the 700ms overhead has to be coming from the React / R3F part of the demo. [0] https://github.com/pmndrs/react-three-fiber/blob/e3a71baad42...
comment by Jasper_ · 2021-08-15 · in React Renderer for Three.js -
…in the render loop, to animate, user interaction etc. look at the example on the main page: https://github.com/pmndrs/react-three-fiber#what-does-it-loo...
comment by mlsarecmg · 2021-08-15 · in React Renderer for Three.js -
▲ 213
React Renderer for Three.jsstory by oleksiitwork · 2021-08-15 · 131 comments
-
It is a using custom renderer indeed: https://github.com/pmndrs/react-three-fiber it doesn't wrap Threejs, just expresses it via JSX similar to how react-dom expresses the dom.
comment by mlsarecmg · 2021-06-25 · in Racing Game in ClojureScript -
…and what the semantics of that is, but otherwise the code looks clean and simple to me. Edit: here https://github.com/pmndrs/react-three-fiber
comment by dgb23 · 2021-06-23 · in Racing Game in ClojureScript -
I’d highly recommend https://github.com/react-spring/react-three-fiber it reduces a lot of threeJS boilerplate. I’m using it to visualize reactive programs in https://rx-store.github.io/rx-store/
comment by joshribakoff · 2020-09-01 · in Visualizing TSNE Maps with Three.js -
…and custom/simpler hybrids are also possible. Though I've not tried server-side rendering. [1] https://github.com/react-spring/react-three-fiber
comment by mncharity · 2020-04-29 · in When does React re-render? Explaining rerenders and how to optimize performance -
React has hooks. They are essentially algebraic effects. Check out some of the demos here: https://github.com/react-spring/react-three-fiber and look for "useFrame". useFrame binds a single component to the render-loop. But in a managed…
comment by mlsarecmg · 2019-11-30 · in React in concurrent mode: 2000 state-connected comps re-rendered at 60FPS -
…https://codesandbox.io/embed/react-three-fiber-untitled-game... Or some of the other demos here: https://github.com/react-spring/react-three-fiber React lends extremely well to games, especially with hooks. Now you have reactive…
comment by mlsarecmg · 2019-11-30 · in React in concurrent mode: 2000 state-connected comps re-rendered at 60FPS -
…that schedules as deeply as this. The demo in particular schedules a react renderer for threejs ( https://github.com/drcmda/react-three-fiber ). But it applies to any other target as well.
comment by mlsarecmg · 2019-11-28 · in Show HN: What switching on React concurrent mode means for apps -
The reconciler that makes this possible: https://github.com/react-spring/react-three-fiber/tree/3.x And the small node tool that converts GLTF blobs into reactive, declarative markup: https://github.com/react-spring/react-three-fiber/tree/3…
comment by mlsarecmg · 2019-09-13 · in Show HN: Render 3D GLTF Content as JSX in React and React-Native -
…Shot Generator[3] (accessible creation and editing of storyboards, including in VR). [1] https://github.com/drcmda/react-three-fiber [2] https://news.ycombinator.com/item?id=19363595 [3] https://www.youtube.com/watch?v=70RNZHEc39Q&t=35
comment by mncharity · 2019-05-26 · in Hooks-Based WebGL Library for React -
…demo of react-three-fiber. There's a good explanation of what it is on the Github page - https://github.com/drcmda/react-three-fiber
comment by onion2k · 2019-03-12 · in Show HN: Mixing WebGL and HTML, Both Rendered Out in React -
▲ 15
Show HN: Three and React = react-three-fiber, a new renderer based on Fiberstory by mlsarecmg · 2019-02-27 · 4 comments