ta-r3f-fundamentals - R3F Core Patterns for 3D Scenes
React Three Fiber core patterns for scene composition and game loop
Tags
Updated: 2026-06-15Capabilities
Typical Inputs
Typical Outputs
What this skill does
- create 3D components
- set up scenes
- implement game loops
- manage canvas settings
- access Three.js state
- load 3D assets
Inputs
- camera settings
- 3D assets and textures
- game state from Zustand
- geometry parameters
Outputs
- rendered 3D scene
- animated 3D components
- canvas with camera settings
- performance-optimized 3D elements
Requirements
- React environment
- Three.js
- @react-three/fiber
- @react-three/drei
- Zustand for state management