Skip to content

Summary

Video Lecture

Section Video Links
Summary Summary Summary 

 (Pay Per View)

You can use PayPal to purchase a one time viewing of this video for $1.49 USD.

Pay Per View Terms

  • One viewing session of this video will cost the equivalent of $1.49 USD in your currency.
  • After successful purchase, the video will automatically start playing.
  • You can pause, replay and go fullscreen as many times as needed in one single session for up to an hour.
  • Do not refresh the browser since it will invalidate the session.
  • If you want longer-term access to all videos, consider purchasing full access through Udemy or YouTube Memberships instead.
  • This Pay Per View option does not permit downloading this video for later viewing or sharing.
  • All videos are Copyright © 2019-2025 Sean Bradley, all rights reserved.

Description

Ok, so at this point, we have covered the basics of many concepts which together should act as a good grounding for you to continue to build more complicated React Three Fiber applications.

This course won't cover every single object that you can find on the Threejs and React Three Fiber documentation. Both projects are enormous and cover many specialized disciplines. But, you know now where to start when you have a new idea that you want to work on.

We have covered many subjects at a beginner level. From, creating a minimal starter template, understanding React fundamentals such as useRef, props, useState, useMemo, etc. We have looked at React Three Fiber useFrame and useLoader hooks, canvas and events. We have used several Drei components which are written specifically for React Three Fiber. Furthermore, we've implemented the Leva GUI in many ways. Moreover, we have looked at many of the smaller details of Three.js such as geometeries, materials, lights, shadows, loaders and some helpers.

If you get stuck when creating your React Three Fiber applications, then these links below will be very helpful to ask questions.

When asking a question, it is useful to provide a screen grab and/or a working example demonstrating the problem.

You can use sbedit.net to edit and generate a share link for any of the working examples on this website. Press the <> button at the bottom right of any working example to open the editor, make your edits, and then share.

Example,

<>

Thanks for taking part in my course,

Sean Bradley