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) (Three.js 用の React レンダラー) を使用して宣言型 3D シーンを構築します。コンポーネントベースのアーキテクチャ、状態管理、再利用可能な抽象化を備えた React アプリケーションでインタラクティブな 3D エクスペリエンスを構築する場合に使用します。製品コンフィギュレーター、ポートフォリオ、ゲーム、データ視覚化、没入型 Web エクスペリエンスに最適です。 ソース: freshtechbro/claudedesignskills。