Thank you very much, this is a very informative video! I know almost no JavaScript and am not very well versed in Threejs and an absolute beginner in React, but everything was clear to me and it was interesting to follow your actions and repeat after. The result was the courage to deal with these new concepts and methods. Respect! 👏👏👏
If your canvas is not centered in the middle of the page do the following: 1. create a div around the canvas = parent. 2. give it an id 3. give it a height of 100 vh.
44:55 With the help of useState , finding out if mouse is hovered and then using if condition to change color on the basis of hover state. Instead of color, use that data for modifying rotation speed as in 47:58 or anything else❤
Hey! Loving this tutorial so far. Can you explain why you prefer "const fn = ()=>{...}" as opposed to "function fn() {...}"? You mentioned @6:47 that you prefer to use this syntax for functional components. I am always looking for perspectives on best practices for function constants, because it seems like everyone has their own preferences, and I am trying to figure out when to use each type, and why. Thanks!
Great tutorial, although i was getting an error at the very last stage when we incorporate Leva: TypeError: Cannot read property 'getBoundingClientRect' of null Whenever i clicked the colour swatch selector is just exploded. I tried copying the code from github, and same issue :(
@@iamrithmic honestly, with what you did with this intro course, i'll say, you take the lead.. i choose to trust your decision on where next to go from here.. i mean, look at your thumbnails, they're of superb quality! i'm wishing you all the best mate! I've turned on the notification bell
@@stanleychukwu7424 Thank you very much for those kind words :). It means a lot reading this. I will be pivoting my channel to more 3D related content as well as animations as they're great fun
Hey I need a help to install react three fibre on Mac I am try to install npm install @react-three/fiber gives lots of rpm error reinstalled macOS and node but not working
Thank you for this beneficial video, can you help me with this, I am using @react-three/drei to add text element on the frame, the text is support only english characters. for other language Ex:Arabic is displayed as symbols. Thank you
Great video, I'm into 3D React lately to make my portfolio more beautiful And this video helped me so much to understand the basic concept of R3F. Still a long way to create my 3D portfolio though, getting excited to watch the other videos.