PropTypes & DefaultProps Tutorial: ReactJS PropTypes and DefaultProps

Рет қаралды 9,901

Күн бұрын

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.youtube....
►JavaScript Course with ES6 Features-:
kzfaq.info....
►Angular Complete Course:
kzfaq.info....
►All important shorts videos:
kzfaq.info....
Connect with Me On Social Media
Facebook: / angularjs4be. .
LinkedIn: / nisha-sin. .
Instagram : / nishasingla05
Twitter: / nishasingla05
#nishasingla #react #propTypes

Пікірлер: 28

@webdev-r5y 9 күн бұрын

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!

@vinodsharma8270 2 жыл бұрын

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

@nilayshukla9049 2 жыл бұрын

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

@chokwewalshwade7486 Жыл бұрын

nice and clear, understood props validation at last

@bharathkumar5175 2 жыл бұрын

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

@prashantchakraborty9313 2 жыл бұрын

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

@Karthik-ug8ll 2 жыл бұрын

Nice explanation thanks for making easyly understandable.

@akiratoriyama1320 2 жыл бұрын

Very clear explanation!! Thanks!!

@martinearnest1441 2 жыл бұрын

nice teaching ,thank you!

@pragmaticcoder6910 2 жыл бұрын

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

@dilipdwiveedi1611 2 жыл бұрын

Wow...Wonderful 🥳👍🏻

@smitabahalkar 2 жыл бұрын

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

@patshalaaa 9 ай бұрын

awesome

@manojsatwase 2 жыл бұрын

Please make the video on how to write a clean code

@2ameridiem 5 ай бұрын

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!

@Anujkumar0209 2 жыл бұрын

Nice

@amithaacharya 2 ай бұрын

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

@pranitmogal715 2 жыл бұрын

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

@imranali-kn6mv 2 жыл бұрын

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 2 жыл бұрын

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

@adorebeauty2527 Жыл бұрын

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