React Three Fiber

Focused View

Sean Bradley

4:26:30

138 View

1.1 Setup Development Environment.html

1. Setup Development Environment.mp4

04:29

2.1 Build Course Boilerplate.html

2. Create Boilerplate.mp4

15:37

3.1 Componentize.html

3. Componentize.mp4

09:39

4.1 Props.html

4. Props.mp4

09:42

5.1 useRef Hook.html

5. useRef.mp4

07:04

6.1 useEffect Hook.html

6. useEffect.mp4

03:21

7.1 useFrame.html

7. useFrame.mp4

05:14

8.1 Events.html

8. Events.mp4

07:46

9.1 useState.html

9. useState.mp4

11:01

10.1 useMemo.html

10. useMemo.mp4

11:06

11.1 Sharing Objects.html

11. Sharing Objects.mp4

06:14

12.1 Stats Panel.html

12. Stats.mp4

03:30

13.1 OrbitControls.html

13. OrbitControls.mp4

03:22

14.1 axesHelper.html

14. axesHelper.mp4

02:43

15.1 gridHelper.html

15. gridHelper.mp4

03:21

16.1 Leva.html

16. Leva.mp4

12:16

17.1 Materials.html

17. Materials.mp4

11:07

18.1 Lights.html

18. Lights.mp4

09:28

19.1 Shadows.html

19. Shadows.mp4

10:37

20.1 useLoader.html

20. useLoader.mp4

02:28

21.1 GLTFloader.html

21. GLTFLoader Part 1.mp4

10:11

22.1 GLTFloader.html

22. GLTFLoader Part 2.mp4

07:29

23.1 Environment.html

23. Environment.mp4

08:28

24.1 Advancing GLTF Scenes.html

24. Advancing glTF Part 1.mp4

14:48

25.1 Advancing GLTF Scenes.html

25. Advancing glTF Part 2.mp4

18:00

26.1 useGLTF.html

26. useGLTF Part 1.mp4

12:55

27.1 useGLTF.html

27. useGLTF Part 2.mp4

06:44

28.1 Annotations.html

28. Annotations Part 1.mp4

08:14

29.1 Annotations.html

29. Annotations Part 2.mp4

10:22

30.1 GLTFJSX.html

30. GLTFJSX Part 1.mp4

06:55

31.1 GLTFJSX.html

31. GLTFJSX Part 2.mp4

10:33

32.1 Summary.html

32. Summary.mp4

01:46

Description

Learn about Threejs and React using 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

Who is this for?

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

More details

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.

User Reviews

Rating

average 0

Total votes0

Focused display

React

Sean Bradley

Instructor's 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.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.