React Three Fiber (R3F) - The Basics

In this video we will be exploring the world of 3D development using the React Three Fiber (R3F) library, which is built on top of ThreeJS.

👨‍💻 Looking for a web developer job, visit: https://www.webdevjobs.io/

👽 Discord -   / discord  

⏳ Timestamps
0:00:00 - Introduction
0:02:25 - Installing and Setting up
0:07:23 - Canvas
0:08:13 - Creating a Box
0:11:44 - Lighting
0:14:10 - Positioning Mesh
0:21:21 - Grouping
0:22:32 - Animation
0:33:06 - Other Geometries
0:43:30 - Interactions
0:49:52 - Drei
0:58:05 - Helpers
1:02:30 - Leva

👋 Come say Hi
X -   / rithmio  

👾 Source Code
- https://github.com/sixfwa/threejs-basics

🗞️ Useful Links
R3F Docs: https://docs.pmnd.rs/react-three-fibe...

ThreeJS: https://threejs.org/docs/index.html#m...

Drei: https://github.com/pmndrs/drei

#ReactJS #R3F #WebGL