PropTypes & DefaultProps Tutorial: ReactJS PropTypes and DefaultProps

Hello everyone
In this video, we have covered propTypes and defaultProps, that will allow you to add validation on propTypes so that you can make your code error free and it will also make your debugging easy
DefaultProps allows you to pass some default value to the props if that prop is not passed by Parent component then your component will work on the data passed in defaultProps.
PropTypes package has moved to separate package now from React version 15.5, so if you are using latest version then now we need to install this package using npm
npm install prop-types --save
Support my channel by liking and sharing my videos so that I can reach to wider audience. Please share it in your network 🙏
►Checkout previous video on Props
• Props Tutorial: React...
►Checkout previous video on NPM
• What is NPM, why we us...
►Checkout previous video on Components
• Components Tutorial: ...
►Virtual DOM and Real DOM
• ReactJS Tutorial: What...
►ReactJS Introduction
• ReactJS Tutorial - Int...
►Click here to Subscribe the channel:
studio.kzbin.info/door/...
►JavaScript Course with ES6 Features-:
kzbin.info/aero/PLC...
►Angular Complete Course:
kzbin.info/aero/PLC...
►All important shorts videos:
kzbin.info/aero/PLC...
Connect with Me On Social Media
Facebook: / angularjs4be. .
LinkedIn: / nisha-sin. .
Instagram : / nishasingla05
Twitter: / nishasingla05
#nishasingla #react #propTypes

[@chokwewalshwade7486]

nice and clear, understood props validation at last

[@Ksahdia]

Thank you so very much for you clear explanation! I found so many solutions online, none of them helped. Those solutions were also more complicated (add this to eslint code or add that function there etc). None of them helped. Your solution saved my learning process!

[@vinodsharma8270]

Thanks Nisha for the react tutorial. Your way of teaching is outstanding. Please complete this series . It would be great help🙏🏻

[@akiratoriyama1320]

Very clear explanation!! Thanks!!

[@nilayshukla9049]

Nisha, Heartly I"m thanking you Your way of teaching is so awesome Please complete this series . It would be great help🙏🏻

[@bharathkumar5175]

hello Nisha, following all ur series of videos ,please continue to complete the series as soon as possible, thanks in advance.

[@Karthik-ug8ll]

Nice explanation thanks for making easyly understandable.

[@martinearnest1441]

nice teaching ,thank you!

[@prashantchakraborty9313]

Hi, your tutorials are best... Please make more videos on angular and react.

[@dilipdwiveedi1611]

Wow...Wonderful 🥳👍🏻

[@patshalaaa]

awesome

[@pragmaticcoder6910]

Hi Nisha, please do tutorials on angular / react state management.

[@Anujkumar0209]

Nice

[@manojsatwase]

Please make the video on how to write a clean code

[@smitabahalkar]

Hello Nisha, please do more tutorials on React.JS concepts.

[@amithaacharya]

i am not getting proptypes and default types when i type Link. what am i doing wrong?

[@imranali-kn6mv]

Hi Nisha good evening.... I am got stucked in my email template in which i am trying to give width for image inside td and that code is from hybris background its renderrring there inside img tag but there is not physically img tag there instead they are adding hybris related code for that ... My problem is CSS not applying for image I am giving css like "#logo_shopee img{max-width: 57% !important; margin: 0 0px 2px 19px !important;}" and "#logo_shopee img{max-width: 57% !important; margin: 0 0px 2px 19px !important;}" this line is for image file extencion is VM

[@tejavarma107]

Hi Nisha, Can you please do some tutorials on reduxjs toolkit.

[@Vk_ke_shorts]

@Nisha Singla wishing you a very happy wala birthday

[@pranitmogal715]

Can u please complete the series because you are not completing the previous series as well same u did with the angular playlist

[@sornamanickam1692]

Pls...Continue this react playlist......

[@2ameridiem]

if i had to read the documentation, i wouldn't be searching youtube tutorials for the same. it would be better if you could walk us through different use cases of proptypes step by step via live coding. just a suggestion. keep up the good work!

[@sornamanickam1692]

Sister can pls upload next video in react...

[@keepsmile4857]

Hey

[@adorebeauty2527]

using TSX component with typescript in react is better than PropTypes....typescript has clear intellisense and huge features more than just defining DataTypes

[@dhllyt873]

Hlo mam

[@jahanzaibijaz63]

Hi Nisha ! I have been following your tutorials since long ! And they are amazing . Also I tried reaching on LinkedIn :kindly check . 😶