How To Build A Photo Editor With React And CSS Filters

🚨 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 ... https://www.youtube.com/watch?v=J243ncoInNE