r3f

React Three Fiber v9 + drei v10 para escenas 3D declarativas en React. Se usa cuando el usuario dice "R3F", "react three fiber", "three.js en React", "escena 3D en React", "Canvas de r3f", "useFrame", "useThree", "drei", "OrbitControls drei", "CameraControls", "ScrollControls", "useGLTF", "cargar modelo GLTF en React", "Environment drei", "extend()", "frameloop demand", "react-three/csg", "CSG operations", "MeshTransmissionMaterial", "material de vidrio R3F", "Instances drei", "Bvh", "PerformanceMonitor", "useAnimations", "ContactShadows", "Text drei", "Html drei", "controles de camara 3D", "sombras en R3F", "performance 3D React", "3D scene in React", "load a GLTF model in React", "declarative 3D in React". Tambien cuando el proyecto usa @react-three/fiber, @react-three/drei o @react-three/csg. Complementa la skill threejs (vanilla) — esta skill cubre exclusivamente patrones declarativos R3F.

By testacode schedule Updated 6/12/2026