This Three.js project is part of Irradiance Three.js tutorials. They are being really useful in my process of learning Three.js and are very well done, so if you are starting, I highly recommend checking it out.
You can check the live version here: Deploy
- Better Menu component
- Better Loading component
- Scale performance
- Irradiance - Amazing tutorials to get started in both three.js and react-three-fiber!
- Devving It With Sohail - A great tutorial if you are beginning in three.js.
- R3F Examples - A collection of amazing react-three-fiber creations, that are really useful!
- Three.JS Reddit - A nice place to ask for help if you are stuck with some problem.
- Threejs-docs
- Threejs-examples
- Threejs-fundamentals
- Discover Threejs
- Do's and don'ts for performance and best practices
- react-three-fiber alligator.io tutorial by @dghez_
@react-three/gltfjsx– turns GLTFs into JSX components@react-three/drei– useful helpers for react-three-fiber@react-three/postprocessing– post-processing effects@react-three/flex– flexbox for react-three-fiber@react-three/xr– VR/AR controllers and events@react-three/cannon– physics based hooks@react-three/a11y– real a11y for your scenezustand– state managementreact-spring– a spring-physics-based animation libraryreact-use-gesture– mouse/touch gesturesleva– create GUI controls in seconds