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.
Facebook : / codewithghazi
LinkedIn: / ghazi-khan
Source Code: github.com/gkhan205/react-reu...
#codewithghazi #reactjs #reactcomponent

Пікірлер: 51

  • @codewithghazi
    @codewithghazi4 жыл бұрын

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

  • @jancygeorge9717

    @jancygeorge9717

    3 жыл бұрын

    Bro please create video based on react typescript please like this

  • @codewithghazi

    @codewithghazi

    3 жыл бұрын

    Hi, I'll surely create videos for your request. I apologise for all the delays.

  • @vivek24864

    @vivek24864

    2 жыл бұрын

    cool video, but maybe you could have done the last part with the Function base and not reverting back to class base. As now everyone moving towards function base components in react.js. over all, I Liked it and it's nice to see this.

  • @purveshtamboli7382
    @purveshtamboli73822 жыл бұрын

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

  • @codewithghazi

    @codewithghazi

    2 жыл бұрын

    Glad to hear that

  • @VicodeMedia
    @VicodeMedia4 жыл бұрын

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

  • @codewithghazi

    @codewithghazi

    4 жыл бұрын

    Thank you so much. I'm glad that you liked the video. 😊

  • @nikeshgadekar9740
    @nikeshgadekar97403 жыл бұрын

    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

  • @codewithghazi

    @codewithghazi

    3 жыл бұрын

    I'm glad I was able to help you 😊. I will surely continue creating videos. You can also visit codewithghazi.com/blog for more tips and tricks on development. I hope you will like the contents there too.

  • @ravi1341975
    @ravi13419752 жыл бұрын

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

  • @codewithghazi

    @codewithghazi

    2 жыл бұрын

    Glad it helped

  • @sangtv_AK
    @sangtv_AK2 жыл бұрын

    Thank you your time and consideration. I appreciate it.

  • @codewithghazi

    @codewithghazi

    2 жыл бұрын

    My pleasure!

  • @bogsnierva2338
    @bogsnierva23383 жыл бұрын

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

  • @codewithghazi

    @codewithghazi

    3 жыл бұрын

    Welcome :) I'm glad you liked the tutorial.

  • @dhavalsingh8279
    @dhavalsingh82793 жыл бұрын

    Great video, exactly what i was looking for!!

  • @codewithghazi

    @codewithghazi

    3 жыл бұрын

    Glad you liked it!

  • @sanjushekhawat6446
    @sanjushekhawat64462 жыл бұрын

    Am searching same type vedio thanks for your efforts

  • @codewithghazi

    @codewithghazi

    2 жыл бұрын

    Thanks. I'm glad I could be of some help.

  • @pranavpatil5849
    @pranavpatil58494 жыл бұрын

    Thanku for creating videos on such important topics...

  • @codewithghazi

    @codewithghazi

    4 жыл бұрын

    I'm glad that you liked the content. I'll come up with more videos on topics which we struggle in our daily work life. :)

  • @SS_Collections1992
    @SS_Collections19922 жыл бұрын

    Kya baat hai

  • @chandanahuja8986
    @chandanahuja89864 жыл бұрын

    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

  • @codewithghazi

    @codewithghazi

    4 жыл бұрын

    I'm glad my content helped you. I'll surely try to come up with some content on your requirement

  • @nithinnitz6227
    @nithinnitz62274 жыл бұрын

    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.

  • @codewithghazi

    @codewithghazi

    4 жыл бұрын

    Thank you nithin. Sure will look into the quality. Will have better quality in future videos.

  • @aditisaxena3451
    @aditisaxena34512 жыл бұрын

    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 ?

  • @codewithghazi

    @codewithghazi

    2 жыл бұрын

    You can pass it as value={yourValue}. This will be added to the html as value prop and you can edit the value too.

  • @desmondawere3409
    @desmondawere3409 Жыл бұрын

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

  • @codewithghazi

    @codewithghazi

    Жыл бұрын

    Could you please share your code and error. I can check and revert back.

  • @sanjushekhawat6446
    @sanjushekhawat64462 жыл бұрын

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

  • @codewithghazi

    @codewithghazi

    2 жыл бұрын

    Sure. I'm already planning for it.

  • @sowndaryapalani7782
    @sowndaryapalani7782 Жыл бұрын

    I can't able to create directory

  • @shubhamarora547
    @shubhamarora5473 жыл бұрын

    please upload new tutorial

  • @codewithghazi

    @codewithghazi

    3 жыл бұрын

    Hi Shubham, sure will upload new video's soon. I had some device issues due to which couldn't upload videos from long. But all set now. Planning new tutorial. If you have something in mind please share.

  • @jancygeorge9717
    @jancygeorge97173 жыл бұрын

    Bro why are not making videos now

  • @codewithghazi

    @codewithghazi

    3 жыл бұрын

    I'll post videos more often now. Sorry for keeping you waiting

  • @ravi1341975
    @ravi13419752 жыл бұрын

    can we create plugins in react js?

  • @codewithghazi

    @codewithghazi

    2 жыл бұрын

    Yes we can create a plugin. We can create a custom build config or can use Create React Library to create a library project which will scaffold everything we need. BTW, for the form component I have created an NPM library www.npmjs.com/package/formify-react. You can use it in your project.

  • @ravi1341975

    @ravi1341975

    2 жыл бұрын

    @@codewithghazi Thank you.

  • @emmanuelakogwu7761
    @emmanuelakogwu77612 жыл бұрын

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

  • @codewithghazi

    @codewithghazi

    2 жыл бұрын

    Hi Emmanuel, I'm sorry for inconvenience. I'll make sure to keep this in mind for future videos

  • @aammssaamm
    @aammssaamm4 жыл бұрын

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

  • @codewithghazi

    @codewithghazi

    4 жыл бұрын

    Ok will keep this in mind.

  • @codewithghazi

    @codewithghazi

    4 жыл бұрын

    Please bare with this series as I have more upcoming videos which are already recorded. But will keep all these feedbacks in mind and will record new series according.

  • @aammssaamm

    @aammssaamm

    4 жыл бұрын

    @@codewithghazi No way.

  • @codewithghazi

    @codewithghazi

    4 жыл бұрын

    @@aammssaamm No worries. BTW thank you for your feedback.

  • @aammssaamm
    @aammssaamm4 жыл бұрын

    very low quality video and small font, kind of useless

  • @codewithghazi

    @codewithghazi

    4 жыл бұрын

    Thank you for the feedback. You can checkout other videos those have larger fonts.

Келесі