HDTutorial
EN
How To Build A Photo Editor With React And CSS Filters

Playback starts YouTube’s embedded player (privacy-enhanced mode).

How To Build A Photo Editor With React And CSS Filters

82,878 views September 14, 2020 31:53

Watch on YouTube
ChannelWeb Dev Simplified

Chapters

Description from the creator

🚨 IMPORTANT:

Learn React Today Course: 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: github.com/WebDevSimplified/React-Photoshop-Clo…
useState Tutorial: 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: blog.webdevsimplified.com
My Courses: courses.webdevsimplified.com
Patreon: patreon.com/WebDevSimplified
Twitter: twitter.com/DevSimplified
Discord: discord.gg/7StTjnR
GitHub: github.com/WebDevSimplified
CodePen: 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

About this tutorial

Web Dev Simplified published this 31:53 video tutorial on September 14, 2020. It has been watched 82,878 times on YouTube.

Category
Education
Duration
31:53
Published
September 14, 2020
Views
82,878
Likes
2,739

Share

This tutorial in other languages