3D Models on the Web with React Three Fiber
summary
Claims that react-three-fiber is a declarative renderer on top of three.js that lets React state, event handlers and components drive real 3D scenes in the browser. Demonstrates two spinning boxes where hover changes color and click toggles scale, uses three.js loaders for models exported from Blender or bought on Sketchfab/TurboSquid, and notes browser support details and evolving standards like WebGPU 70% and experimental WebXR.
AI-written summary · about
chapters (7)
- 0:00React Three Fiber intro
- 1:13How React Three Fiber works with Three.js
- 3:46Spinning 3D box demo
- 5:54Examples of React Three Fiber applications
- 6:583D model use cases
- 8:02Where to get 3D models
- 9:30Future of 3D web
related talks
14mEffortless 3D with react-three-fiber
33mIntroduction to 3D on the Web - Creative Coding with React and Three.js
37mCreating 3D Experiences with React
45mMaking Your Website Stand Out With React Three Fiber
27m3D graphics in React & React Native using React-three-fiber
32mBringing webgl to react
29mFrom Blender to the Web - the Journey of a 3D Model
38mBridging Worlds: From React Developer to 3D Web Innovator with React Three Fiber