React Three Fiber

Learn React Three Fiber, Threejs, and React using Drei in this comprehensive course. Build robust 3D applications with declarative programming, re-usable components, and participate in the React ecosystem. Perfect for developers with an interest in 3D programming. Join now and get started with React Three Fiber and Drei!

 

What you'll learn

• React Three Fiber
• Threejs
• React
• Drei
• Declarative Programming
• Leva
• Materials
• Lights
• Shadows
• Environment maps
• useLoader
• useGLTF
• GLTFJSX
• useRef
• useEffect
• useFrame
• Events
• useState
• useMemo
• stats Panel
• OrbitControls
• axesHelper
• gridHelper

 

 

Requirements

• An interest in programming
• Some basic knowledge of HTML, JavaScript and CSS
• A desire to learn 3D programming

Description

Welcome to my course on React Three Fiber.

If you've ever tried to read the React Three Fiber documentation, you may have noticed the phrase,

"You need to be versed in both React and Threejs before rushing into this."

And this is the gap that this course will try to help you fill.

We will look at the basics of using React Three Fiber with Threejs and introduce many of the great helpers that you also get when using the Drei library.

At the end, we would have covered many of the requirements to understand how to build your own React Three Fiber projects, and also understand the official examples better, so that you can confidently continue on your own to build much more complex applications in the future.

As we progress though the course, we will learn new concepts in each lesson, that will be in context from the previous lesson, so that you will understand better the problem that each new concept was designed to solve.

React Three Fiber is great for working with Threejs, and I am sure you will like it to. It's very clear, minimal, the code looks neat, and you will be able to create very robust applications in a very short amount of time.

All the code demonstrated is provided in the accompanying documentation that you also have access to for free, so that you will be able to easily copy/paste and participate alongside the videos.

So, there is much to learn, but in the end, you will have developed the techniques required to build your own Three.js projects declaratively, with re-usable self-contained components, that react to state and will be able to participate in the ever-expanding React ecosystem.

Thanks for taking part in my course, and I hope to see you there.

Sean Bradley

Who this course is for:

• This course is for developers who want to begin learning about Threejs and React using React Three Fiber and Drei.

Instructor

Sean Bradley

Software and Networking Engineer for 20 Years

• 4.5 Instructor Rating
• 9,785 Reviews
• 67,961 Students
• 11 Courses

Hello, I'm Sean.

For over 20 years I have been an IT engineer building and managing real time, low latency, high availability, asynchronous, multi threaded, remotely managed, fully automated, monitored solutions in the education, aeronautical, banking, drone, gaming and telecommunications industries.

I have also created and written hundreds of Open Source GitHub Repositories, Medium Articles and YouTube video tutorials.

 

 

4.6 course rating 194 reviews

Prince O.

Rating: 4.5 out of 5 a week ago

 

Love the way he taught, he was very explanatory, explaining each concept in-depth. This course gave me the foundation I needed to begin learning 3Js ?. I’ll recommend it

 

Jacek P.

Rating: 5.0 out of 5 2 weeks ago

 

For those interested in creating 3D applications, this course is ideal for learning both the basics and advanced techniques of Three.js and React Fiber/drei. Sean has provided a wealth of knowledge and examples, making it a must-watch for anyone looking to get started. Thank you