React Three Fiber

React Three Fiber, available at $79.99, has an average rating of 4.74, with 36 lectures, based on 367 reviews, and has 2265 subscribers.

You will learn about 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 This course is ideal for individuals who are This course is for developers who want to begin learning about Threejs and React using React Three Fiber and Drei. It is particularly useful for This course is for developers who want to begin learning about Threejs and React using React Three Fiber and Drei.

Enroll now: React Three Fiber

Summary

Title: React Three Fiber

Price: $79.99

Average Rating: 4.74

Number of Lectures: 36

Number of Published Lectures: 36

Number of Curriculum Items: 36

Number of Published Curriculum Objects: 36

Original Price: $39.99

Quality Status: approved

Status: Live

What You Will 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

Who Should Attend

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

Target Audiences

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

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

Course Curriculum

Chapter 1: Introduction

Lecture 1: Setup Development Environment

Lecture 2: Create Boilerplate

Lecture 3: Componentize

Lecture 4: Props

Lecture 5: useRef

Lecture 6: useEffect

Lecture 7: useFrame

Lecture 8: Events

Lecture 9: useState

Lecture 10: useMemo

Lecture 11: Sharing Objects

Lecture 12: Stats

Lecture 13: OrbitControls

Lecture 14: axesHelper

Lecture 15: gridHelper

Lecture 16: Leva

Lecture 17: Materials

Lecture 18: Lights

Lecture 19: Shadows

Lecture 20: useLoader

Lecture 21: GLTFLoader : Part 1

Lecture 22: GLTFLoader : Part 2

Lecture 23: Environment

Lecture 24: Advancing glTF : Part 1

Lecture 25: Advancing glTF : Part 2

Lecture 26: useGLTF : Part 1

Lecture 27: useGLTF : Part 2

Lecture 28: Annotations : Part 1

Lecture 29: Annotations : Part 2

Lecture 30: GLTFJSX : Part 1

Lecture 31: GLTFJSX : Part 2

Lecture 32: Lerp : Part 1

Lecture 33: Lerp : Part 2

Lecture 34: Custom Hooks : Part 1

Lecture 35: Custom Hooks : Part 2

Lecture 36: Summary

Instructors

Sean Bradley
Software and Networking Engineer for 20 Years

Rating Distribution

1 stars: 5 votes
2 stars: 5 votes
3 stars: 23 votes
4 stars: 76 votes
5 stars: 258 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu