React Reusable Form Component #1 - Input Field Component

Learn how to make reusable components in react.

Reusable Input field component which can be used application wide with less code and is tested with all scenarios to maintain UI consistency in whole application with value and prop-types validation.

When designing interfaces, break down the common design elements (buttons, form fields, layout components, etc.) into reusable components with well-defined interfaces. That way, the next time you need to build some UI, you can write much less code. This means faster development time, fewer bugs, and fewer bytes down the wire.

Please Like, Share, Comment and Subscribe for more interesting videos.

#codewithghazi #reactjs #reactcomponent

[codewithghazi]

Please comment your thoughts on video to improve quality. All feedbacks and suggestions are welcome. 😊

[purveshtamboli]

I was stuck between creating reusable component, and after that I saw this. You are a savior bro❤️. Awesome content🔥

[ravi]

Thanks for this "Gyan" on how to implement reusable components.I have been looking this kind of video from long time. 👍

[VicodeMedia]

Such a valuable tutorial! I've always appreciated people who share their knowledge with others for free. Keep it up!

[sanjushekhawat]

Am searching same type vedio thanks for your efforts

[sangtv_AK]

Thank you your time and consideration. I appreciate it.

[nikeshgadekar]

I was looking this kind of video from long time and finally I got it with consolidated stuffs...Thanks bro, keep doing this kind of knowledge sharing video

[jeginiLokesh-fk]

1)09:10 make the component into the dynamic by using the props for our required

[BogsIKarao]

Thank you very much for this very informative tutorial Ghazi good job! 👏

[pranavpatil]

Thanku for creating videos on such important topics...

[dhavalsingh]

Great video, exactly what i was looking for!!

[aditisaxena]

In some form we have to use input box for entering number so assigning text as a default props for type is not correct so I want to ask what we have to assign as a default props for type then ?

[chandanahuja]

Thanks bro i was searching the same video you made my day, am also working on react so please make a video on same as material ui text component so where we can pass the value to parent component for re-usability for the component that would be better for me

[desmondawere]

Thank you for this, I tried to use file type and it returns error. Any idea?

[sanjushekhawat]

Create some vedio on real world project so we can understand how actually work reactjs nd reusable component

[jeginiLokesh-fk]

08:25 here aid about uncontrolled componets

[jeginiLokesh-fk]

uncontrolled componet are the componet which will have no own state

[nithinnitz]

Hi, Thank you, bro, I was searching the same video from many days, please improve the video Quality, some words are not visible or zoom the screen while writing the code. explanation is good, keep doing.

[emmanuelakogwu]

couldn't really extremely small fonts.
kimdly zoom in in future videos

[aammssaamm]

Sudden changing from your black IDE to white browser kills the eyes. For videos you may want to use white theme.