React & Three.js | Working with Shaders using React Three Fiber

Hey everyone! Today we will be learning how to use React Three Fiber & Shaders!

Join the discord:   / discord  

Source Code:
https://github.com/wrongakram/R3F-Shader
https://codesandbox.io/s/r3f-wavey-im...


Links:
Written Tutorial: https://cat-change-b22.notion.site/R3...
Three.js: https://threejs.org/
React Three Fiber: https://github.com/pmndrs/react-three...
Drei: https://github.com/pmndrs/drei
Article: https://tympanus.net/codrops/2020/03/...
Mario Carrillo:   / marioecg  
Bruno Simon Three.js Course: https://threejs-journey.xyz/

Social Links:
  / wrongakram  
https://github.com/wrongakram
https://dribbble.com/Wrongakram

Intro: 0:00
Setup: 2:15
Create a Basic Scene: 3:44
Shader Basics: 7:00
Wave Effect: 24:32
Adding an Image Texture: 30:44
Styling: 34:43

New to the channel?
Hey, there my name is Akram, I am a Front end developer and UI Designer. I'm here to hopefully educate people on how to code projects that actually look good. My stack mainly consists of react.js and node.js. For UI design I like to use Adobe XD and Framer as my go-to. If you have any suggestions on tutorials you would like to see feel free to DM me :)