Wawa Sensei logo
Wawa Sensei logo white

Become a
3D Web Developer

React Three Fiber: The Ultimate Guide to 3D Web Development

From zero to hero with React Three Fiber 🚀

Click on the chapters to start exploring

Your journey through React Three Fiber

Embark on a step-by-step journey to master 3D web development.
Each chapter is designed to build on the previous one, ensuring a smooth learning curve.

Fundamentals thumbnail

#1 Fundamentals

Lay the foundation for your 3D journey as you explore Three.js and React Three Fiber, setting up your environment, and mastering the basics of objects, transformations, cameras, and lighting.

Core thumbnail

#2 Core

Dive deeper into React Three Fiber by unlocking interactivity through hooks and controls, mastering events, integrating 3D models, textures, and enriching your scenes with HTML and text elements.

Master thumbnail

#3 Master

Elevate your 3D worlds with dynamic elements and engaging effects. Learn to implement loading screens, scrolling interactions, animations, and optimize your projects for peak performance.

Shaders thumbnail

#4 Shaders

Learn how to create custom shaders with Three.js and React Three Fiber

Portfolio thumbnail

#5 Portfolio

Create a captivating portfolio by applying your skills to build immersive 3D worlds. Craft interfaces that seamlessly integrate with your 3D designs and ensure responsive experiences.

Is this course made for me?

If you check any of the following, then yes!

  • You want to learn the basics of Three.js and React Three Fiber
  • You want to learn how to create 3D web experiences with React Three Fiber but don't know where to start
  • You have experience with Three.js and want to ease your transition to React Three Fiber
  • You have finished the excellent Three.js Journey course and want to go further with React Three Fiber
  • You want organized and structured resources about 3D development, Three.js, and React Three Fiber at your disposal when you create your own projects.
  • You discovered 3D websites and want to learn how to create your own.
  • You want to start your journey into the creative coding world.
  • You've read React Three Fiber documentation but are looking for a step-by-step guide to help you get started.
Wawa Sensei in Tokyo

Wawa Sensei

Course author

Hi, I'm Wawa, a French Developer based in Tokyo! 🗼

I've been building web, mobile and VR applications for the last 10 years. The 3D projects I've worked on have led me to discover Three.js and React Three Fiber. It was love at first sight!

I teach 3D web development and creative coding on my YouTube channel Wawa Sensei through video tutorials. My goal is to make 3D web developmentaccessible to everyone by simplifying complex concepts and providing step-by-step guides.

My journey has been incredibly rewarding, and I'm excited to share my knowledge with you.

Frequently Asked Questions

You have questions? I have answers! If you don't find what you are looking for, feel free to contact me.

🔍 What if I have questions during the course?
🎬 Can I test the course before buying it?
⏰ How long is this course?
🆕 Will there be new lessons?
📝 I'm just starting with HTML, CSS, and JavaScript. Will I be able to follow this course?
📘 Do I need to know React?

Watch the introduction video to learn more about the course

To put in application what you'll learn in this course, we will create this professional 3D portfolio

React Three Fiber Ultimate Guide Portfolio Preview Mobile Version

Start your learning journey now!

For only $85, you'll get a lifetime access to the lessons, the private Discord server, and the course updates.

Enroll now