🚨 IMPORTANT:
Learn React Today Course: https://courses.webdevsimplified.com/learn-react-today
Who needs Photoshop when you build your own Photoshop clone with just a bit of CSS and React. In this video I will show you how to take advantage of the responsiveness of React combined with CSS filters to make a simple Photoshop clone.
📚 Materials/References:
GitHub Code: https://github.com/WebDevSimplified/React-Photoshop-Clone
useState Tutorial: https://youtu.be/O6P86uwfdR0
🧠 Concepts Covered:
– How to use CSS filters
– How to setup sliders in React
– How to use CSS grid
🌎 Find Me Here:
My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00 – Introduction
00:33 – Demo
01:17 – File Setup
01:37 – HTML Structure
04:29 – CSS
10:19 – Sidebar
11:45 – Siderbar CSS
16:54 – Sidebar Functionality
24:53 – Slider Functionality
27:35 – Putting It All Together
31:38 – Outro
#ReactJS #WDS #JavaScript
Powered by WPeMatico