How To Build A Photo Editor With React And CSS Filters
Web Dev Simplified
0:00 / 0:00
How To Build A Photo Editor With React And CSS Filters
82 823 просмотра · 6 лет назад
Web Dev Simplified
1,78 млн подписчиков
82 823 просмотра · 6 лет назад
🚨 IMPORTANT:
Learn React Today Course: https://courses.webdevsimplified.com/...
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/R...
useState Tutorial: • Learn useState In 15 Minutes - React Hooks...
🧠 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: / webdevsimplified
Twitter: / devsimplified
Discord: / discord
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