react-three-fiber

React Three Fiber (R3F) is a React renderer for Three.js that brings declarative, component-based 3D development to React applications. Instead of imperatively creating and managing Three.js objects, you build 3D scenes using JSX components that map directly to Three.js objects.

The component sets up a Three.js scene, camera, renderer, and render loop.

Important: Never use setState inside useFrame - it causes unnecessary re-renders!

使用 React Three Fiber (R3F) 建立聲明式 3D 場景 - Three.js 的 React 渲染器。在具有基於元件的架構、狀態管理和可重複使用抽象的 React 應用程式中建立互動式 3D 體驗時使用。非常適合產品配置器、產品組合、遊戲、資料視覺化和沈浸式 Web 體驗。 來源：freshtechbro/claudedesignskills。