Hey everyone! I'm a frontend developer with three years of experience primarily building standard websites. Recently, I've developed a strong interest in creating sites with interactive 3D visuals. I've heard great things about Three.js and React Three Fiber, but it seems like most of the resources available are either paid or quite complex for beginners. Does anyone know of any free and approachable resources or platforms to learn Three.js and/or React Three Fiber? I'd really appreciate your suggestions. Thanks a lot!
5 Answers
You should definitely check out the JavaScript Mastery's YouTube channel. They have plenty of great content on Three.js and using React Three Fiber that’s engaging and not boring at all!
Don’t forget about the official documentation! The manual on the Three.js website has a lot of helpful information and examples. Just go to threejs.org and you’ll find the installation manual and more.
The Three.js manual is one of the best resources out there. Unlike many other frameworks, it’s really clear and has tons of examples that you can use. Check it out at threejs.org/manual for great insights.
If you want to get a solid foundation, I highly recommend looking into graphics programming concepts. A fantastic resource for that is learnopengl.com. While it uses C++, the principles are pretty much universal and will definitely help you grasp the ideas behind 3D graphics.
Why not just dive in and build a project? You can learn pretty effectively by experimenting and getting hands-on as you go. Using something like ChatGPT to troubleshoot as you progress can also be a huge help!
Thanks for suggesting that! I’ll check it out.