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 - https://discord.gg/TwUV34F6wC ⏳ 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 - https://twitter.com/rithmio 👾 Source Code - https://github.com/sixfwa/threejs-basics 🗞️ Useful Links R3F Docs: https://docs.pmnd.rs/react-three-fiber/getting-started/introduction ThreeJS: https://threejs.org/docs/index.html#manual/en/introduction/Creating-a-scene Drei: https://github.com/pmndrs/drei #ReactJS #R3F #WebGL