Перейти к содержимому

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