R3f Best Practices

If you're building with React Three Fiber, you're probably fighting re-renders. This is a battle-tested reference covering 70+ rules across the entire Poimandres ecosystem: fiber, drei, zustand, rapier, postprocessing. The priorities are right. Performance and useFrame patterns come first because that's where most developers hurt themselves, like calling setState in useFrame and tanking to single-digit FPS. The Zustand selector patterns alone will save you hours of debugging why your scene stutters. It's comprehensive without being academic, organized by impact rather than alphabetically, and includes the specific anti-patterns that actually show up in production code. Worth having loaded when you're optimizing or reviewing R3F projects.

Install to Claude Code

npx -y skills add emalorenzo/three-agent-skills --skill r3f-best-practices --agent claude-code