Three.js / React Three Fiber Skill 3D graphics in the browser. Three.js = core library. React Three Fiber (R3F) = React renderer for Three.js. Install R3F Canvas Setup Core Concepts | Concept | Three.js | R3F | |---------|----------|-----| | Geometry | | | | Material | | | | Mesh | | wrapping both | | Scene graph | | JSX nesting | | Camera | Manual setup | prop on Canvas | | Animation loop | | hook | useFrame — Animation Loop Common Geometries Common Materials Lights @react-three/drei Helpers Load GLTF Model Custom Shader (shaderMaterial) Postprocessing Performance Patterns Cleanup (critical…