
Interactive 3D Web Development with React Three Fiber (R3F)
taejaehan
React and Three.js in one go! From 3D basics to projects applicable in the field, and even optimization tips!
Basic
Interactive Web, react-three-fiber, Three.js
React and Three.js in one go! Learn everything from Vectors to GSAP, the basics of interactive web development. Plus, tips and tricks for integrating three examples into a single portfolio!
77 learners
Level Basic
Course period Unlimited

Learn React and Three.js at once! Learn R3F (react-three/fiber)
Learn about the concept and operations of Vectors, which are the foundation of interactive web.
A class where you understand and apply various examples to create your own work.
From the basic concepts of vectors to their application, and even creating your own portfolio through advanced courses!
Learn about GSAP, a web interactive library.
A class where you can learn and improve your skills by coding together, stitch by stitch.
A lecture where you can experience and practice Creative Coding / Interactive Web to become a noticeable developer.
Learn the R3F stack that you can't find anywhere else and implement 3D interactive web more easily and fun.
Debugging and Refactoring Methods from a Current Development Team Lead!
Learn everything from project structure to practical tips from a current 10-year veteran developer!
Who is this course right for?
Developers/designers who want to learn the basics of creative coding
Developers/designers who want to create a remarkable and unique website
Developers who want to implement 3D on the web
A developer who wants to have a weapon that sets them apart from others
Developers/designers who want to start fun experiments on the web
Need to know before starting?
Anyone with a basic understanding of JavaScript can do it.
Basic knowledge of React is preferred, but not required.
Prior knowledge of Three.js basic concepts is preferred, but not required.
352
Learners
27
Reviews
11
Answers
5.0
Rating
2
Courses
Hello. I am Taejae Han, a web graphics engineer with 10 years of experience. I am primarily a full-stack developer, but I focus on front-end work :)
I have experience in frontend development using frameworks like Angular and React. However, my favorite work involves projects that handle 2D/3D Canvas graphics on the web (HTML5), such as Threejs, WebGL, D3js, and Pixi.js.
I am passionate about creating interactive web content that offers new and creative user experiences (UX). Let's build some fun projects together!
I'm Teudle. I am passionate about creating interactive web content that delivers new and creative user experiences (UX). Let's build some fun projects together!
10-year veteran interactive 3D frontend developer
-(Current) NEOWIZ - HTML5 Game Developer
-(Current) Modulabs - Generative Art Lab Lead
-Wemade - DeFi Frontend Development Team Lead
-Dabeeo - Three.js Development Team Lead
-Dmajor - Senior Frontend Developer
-Modulabs - Lab Director of Interactive Art of Web
-Addpac - Junior Frontend Developer
-NHN Naver Japan - UX/UI Designer
-Madman Post - CG Effect Artist
- Kookmin University - Industrial Design Major
All
77 lectures ∙ (11hr 32min)
Course Materials:
All
5 reviews
5.0
5 reviews
Reviews 2
∙
Average Rating 5.0
5
I got started with Three.js while listening to your last lecture. I came running right away when I heard that you released a new lecture. Vectors are still difficult, but... I think I can understand vectors little by little because you taught the lecture considering a beginner's perspective. If I listen to it repeatedly, I think I can apply it in a fun way. Thank you.
Reviews 20
∙
Average Rating 5.0
Reviews 2
∙
Average Rating 5.0
5
https://r3flabs.vercel.app/ Even though I'm a poor college student, this was an excellent lecture that was totally worth every penny! I made a simple portfolio site.😊😊 When I looked for other Three.js courses, they just ended with content where you follow along with code, making me wonder if I'd have to study by reading the frustrating official documentation alone. Thanks to this course, I was able to study so comfortably - it's such a hidden gem that I almost want to keep it to myself.. It's not just about following code, but it's well-structured so you can understand the principles from the ground up. That said, it doesn't go theoretically deep like a real college course, but is appropriately well-composed, which made it enjoyable to listen to.
Reviews 2
∙
Average Rating 5.0
Reviews 2
∙
Average Rating 5.0
$138.60
Check out other courses by the instructor!
Explore other courses in the same field!