React + Styled-Components | Reusable FORM Component

In this video, I'll walk you through the build process for a fully reusable form component in React. We will use styled-components for styling. Use this component anywhere in your application, all you have to do is send in custom props to curate a new form.

📁 Assets

⏱️ Timestamps
0:00 Intro / Demo
1:22 Project Setup
2:35 Form JSX + Styled Components
12:05 Props Setup
16:40 Form State
19:30 onChange + onSubmit
22:35 Optional Redirect
27:30 Application Implementation
32:58 Outro

👍 Thanks for watching!
Make sure to like and subscribe for more.
Comment what you'd like to see from this channel in the future!

[laurentk]

I have to say that your way to make reusable components is very inspiring, that’s how I love programming thanks a lot

[anasalhariri]

You are awesome, keep it up and we will help sharing your videos to get you more followers. I love your tutorial!

[somalideveloper]

What if the form had dropdow hor can I do it

[succeeder]

Please styled components does not work in my code, i have tried several times.

[somalideveloper]

Is it possible to do reusable form with different layout like sometime i want inputs to be side by side

[experience_js]

How can I connect this form with an API?

[wisdomelue]

thanks a lot for the video.

but a little piece of advice... you made it look harder than it actually is, remember tutorial videos are to simplify things to people not showing off how you can do things. this is a honest criticism and please don't see it in a bad way, videos like this would make people look around for simpler ones and you can lose potential subscribers that way.

just subscribed to your channel and i hope for better videos.