Skip to content

 React Three Fiber
 Threejs and TypeScript
 SocketIO and TypeScript
 Blender Topological Earth
 Sweet Home 3D
 Design Patterns Python
 Design Patterns TypeScript
 Course Coupon Codes
Three.js and TypeScript
Kindle Edition
$6.99 $9.99 Paperback 
$22.99 $29.99

Design Patterns in TypeScript
Kindle Edition
$6.99 $9.99 Paperback
$11.99 $19.99

Design Patterns in Python
Kindle Edition
$6.99 $9.99 Paperback
$11.99 $19.99


Video Lecture

Section Video Links
Summary Summary Summary


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 questions, it is extremely helpful to provide a minimal example demonstrating your problem.

You can fork any of my CodeSandBox examples shown throughout this documentation, or even use any other examples that you've found written by other people.

Thanks for taking part in my course,

Sean Bradley