R3F ECS Integration

When to Use

Use this skill when:

• Building complex games with R3F and ECS
• Managing many game entities efficiently
• Separating data (ECS) from presentation (React)
• Optimizing React Three Fiber performance
• Creating data-driven game architectures

Core Principles

1. ECS for Logic: Use ECS for game state and systems
2. React for Rendering: Use R3F components for 3D presentation
3. Unidirectional Flow: ECS → React, not React → ECS
4. Minimal Re-renders: Update ECS data without triggering React
5. Sync Strategy: Batch updates from ECS to React