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

►Checkout previous video on NPM

►Checkout previous video on Components

►Virtual DOM and Real DOM

►ReactJS Introduction

►Click here to Subscribe the channel:

►JavaScript Course with ES6 Features-:

►Angular Complete Course:

►All important shorts videos:

Connect with Me On Social Media

#nishasingla #react #propTypes

[webdev-ry]

you are my favorite. loved how precise and clear you are in your teaching. no extra words just perfect to learn

[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!

[nilayshukla]

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

[vinodsharma]

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

[chokwewalshwade]

nice and clear, understood props validation at last

[Karthik-ugll]

Nice explanation thanks for making easyly understandable.

[bharathkumar]

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

[prashantchakraborty]

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

[pragmaticcoder]

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

[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-knmv]

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

[manojsatwase]

Please make the video on how to write a clean code

[ameridiem]

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!

[pranitmogal]

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

[tejavarma]

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

[adorebeauty]

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

[Vk_ke_shorts]

@Nisha Singla wishing you a very happy wala birthday

[sornamanickam]

Sister can pls upload next video in react...

[jahanzaibijaz]

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