Three Js Journey with React

Table of Contents

👉Three Js

● Three.js is an open source JavaScript library that is used to display the graphics, 3D and 2D objects on the web browser.

● Three.js was released by Ricardo Cabello (Mr. doob) in April 2010.

● It uses WebGL API behind the scene.

● Three Js mostly works with WebGL.

● Learn more about three js.

npm i three

● React-three-fiber is a React renderer for three.js

● react-three-fiber is a powerful Three. Js renderer that helps render 3D models and animations for React and its native applications.

npm install three @react-three/fiber

create-react-app three-js

// Create React App

➖ npm i three

➖ npm i @react-three/fiber

➖ npm i @react-three/drei

➖ npm i gsap

➖ npm i @react-three/cannon // physics: 3D library

 npm i three @react-three/fiber @react-three/drei  @react-three/cannon gsap

I hope you like this Three Js Journey With React article.