React three fiber (R3f) testing tutorial: Testing your 3D app using TDD approach

Опубликовано: 24 Июль 2026
на канале: ui-code-tv
2,440
42

React three fiber (R3f) testing tutorial covers how use react three fiber renderer for testing. Will cover a basic TDD approach.

Intro: (00:0:00)
Project setup including installing React Three Test Renderer (00:11:42)
Create test one - child components (00:24:37)
Create test two - Color property (00:5:05)
Create test three - Test click event handling and scale property (00:29:42)

docs : https://docs.pmnd.rs/react-three-fibe...

code : https://github.com/ui-code-tv/react3d...

Check out my other videos on react-three-fiber

Working with GLB models:    • Working with GLB models  in React.js: Impo...  
React-three-fiber and react-spring 3d    • React.js , three.js (React-three-fiber) an...  
Creat GLB model and import:    • Working with GLTF models  in React.js: Bui...