React Three Fiber Patterns Build 3D scenes declaratively with React using react-three-fiber. Setup Basic Scene Component Patterns Reusable 3D Components Instanced Meshes (Performance) Animation Spring Physics (react-spring) GSAP Integration Drei Helpers Custom Shaders Performance | Technique | When | Savings | |-----------|------|---------| | with delta | Always | Framerate-independent | | | 100 same geometry | 90%+ draw calls | | for geometry | Static data | Prevents re-creation | | + | Asset loading | Non-blocking | | debug controls | Development | Easy parameter tuning | | | Mobile | GPU s…