https://github.com/xjkit/learn-threejs-in-react-way
Learn Three.js in React with declarative, component-based and more functional way. https://xjkit.github.io/learn-threejs-in-react-way/
https://github.com/xjkit/learn-threejs-in-react-way
3d react react-three three webgl
Last synced: about 2 months ago
JSON representation
Learn Three.js in React with declarative, component-based and more functional way. https://xjkit.github.io/learn-threejs-in-react-way/
- Host: GitHub
- URL: https://github.com/xjkit/learn-threejs-in-react-way
- Owner: xJkit
- Created: 2021-05-27T17:35:45.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2021-05-31T06:42:05.000Z (about 5 years ago)
- Last Synced: 2023-02-26T19:22:44.832Z (over 3 years ago)
- Topics: 3d, react, react-three, three, webgl
- Language: JavaScript
- Homepage:
- Size: 10.9 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Learn Three.js in REACT Way
> Demo: https://xjkit.github.io/learn-threejs-in-react-way/
Three.js is an awesome library that makes the Web 3D development a lot easier.
### Why this demo site?
When I begin three.js, from this official documentation code example, creating **meshes**, **objects**, **materials**, **lights**, **render loops**, and so on in imperative way is not really my thing. Why not just create everything in declarative, more functional, and component-based objects! That is what React looks like.
Special thanks to the three.js react renderer @react-three/fiber which makes web 3d happen in React world.