Hacker GitHub

← All repos

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

Mentions per year 24 mentions · busiest year 2021 (9)
20082026
AllStoriesComments NewestTopOldest
  1. …a lot of work, given that: React is a tool for writing 3D scenes that can handle state updates: https://github.com/pmndrs/react-three-fiber React is a tool for writing music that can handle state updates:…
    comment by Uehreka · 2024-06-24 · in React Lua
  2. …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
  3. If anyone is looking for something more production ready (that uses webGL), I highly recommend https://github.com/pmndrs/react-three-fiber we use it to built https://flux.ai
    comment by built_with_flux · 2022-09-09 · in Use.GPU
  4. …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
  5. …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
  6. 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
  7. …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
  8. …[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
  9. …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
  10. …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
  11. …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
  12. 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
  13. …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
  14. 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
  15. …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
  16. 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
  17. …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
  18. …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
  19. 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
  20. …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
  21. …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