React Three Fiber Courses and Certifications

Conf42

3D-fying Websites Using React Three Fiber - From Setup to Deployment

Master the fundamentals of React Three Fiber (R3F) and Three.js to create immersive 3D web experiences, from basic scene setup to advanced animations, lighting, and model integration.

• YouTube
• 46 minutes
• On-Demand
• Free Video

Chris Hay

Easily Build 3D Desktop React Apps Using Tauri, Rust, TheatreJS and React Three Fiber

1 review

Learn to create 3D desktop apps using Tauri, Rust, TheatreJS, and React Three Fiber. Build interactive 3D scenes, implement animation timelines, and integrate desktop functionalities in this hands-on tutorial.

• YouTube
• 36 minutes
• On-Demand
• Free Video

Coding Tech

How to Add 3D Models to Website Using React Three Fiber

Learn to integrate 3D models into React websites using React Three Fiber. Create interactive Earth and airplane models, add animations, implement geolocation, and connect to real-time flight data APIs.

• YouTube
• 1 hour 7 minutes
• On-Demand
• Free Video

JavaScript Mastery

Build and Deploy an AI-Powered 3D Website Using React - 2023 Three JS Course Tutorial for Beginners

Learn to create an interactive 3D product website using React, ThreeJS, and AI. Master 3D graphics, animations, and AI integration for a cutting-edge web development experience.

• YouTube
• 2 hours 20 minutes
• On-Demand
• Free Video

Learn With Jason

Animation and 3D in React-Three-Fiber - Learn With Jason

Learn to create high-performance 3D animations and shapes in the browser using react-three-fiber. Explore techniques for integrating 3D models and animations into web applications with expert guidance.

• YouTube
• 1 hour 29 minutes
• On-Demand
• Free Video

Wrong Akram

React and Three.js - Working with Shaders Using React Three Fiber

Learn to create dynamic wave effects on images using React Three Fiber and shaders. Explore shader basics, wave animations, and texture mapping in this hands-on tutorial.

• YouTube
• 36 minutes
• On-Demand
• Free Video

JavaScript Mastery

Build and Deploy a 3D Portfolio with React.js and Three.js - Beginner Tutorial

Create an immersive 3D portfolio website using React.js and Three.js. Learn practical techniques to showcase your work with stunning visuals and interactive elements, elevating your online presence.

• YouTube
• 4 hours 29 minutes
• On-Demand
• Free Video

Learn With Jason

Build a Viral Event Sharing Page - Web Dev Challenge

Four web developers showcase their unique approaches to building viral event sharing pages using various technologies in a 4-hour challenge, demonstrating creativity and technical skills.

• YouTube
• 20 minutes
• On-Demand
• Free Video

JavaScript Conferences by GitNation

Making Games in React

Explore game development with React using react-three-fiber. Learn to create engaging visuals and effects while bypassing complex boilerplate, suitable for beginners and experienced developers alike.

• YouTube
• 30 minutes
• On-Demand
• Conference Talk

Learn With Jason

3D in React with Triplex - Visual Editor for React-Three-Fiber

Explore Triplex, a visual editor for react-three-fiber, enabling Figma-like 3D component editing in React. Learn implementation, lighting techniques, and supported 3D model formats.

• YouTube
• 1 hour 25 minutes
• On-Demand
• Free Video

Learn With Jason

3D on the Web with React - Creating Interactive 3D Experiences

Explore 3D web development with React, covering project setup, interactivity, animation, camera control, model importing, and integration with HTML elements. Gain practical insights from an experienced developer.

• YouTube
• 1 hour 33 minutes
• On-Demand
• Free Video

Three.js Journey is the most complete, yet accessible course you can find.

• Independent
• 89-90 hours
• On-Demand
• Paid Course