PropTypes & DefaultProps Tutorial: ReactJS PropTypes and DefaultProps

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

Nisha Singla

Nisha Singla

2 жыл бұрын

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

Пікірлер: 27
@chokwewalshwade7486
@chokwewalshwade7486 10 ай бұрын
nice and clear, understood props validation at last
@Ksahdia
@Ksahdia 11 ай бұрын
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
@vinodsharma8270 2 жыл бұрын
Thanks Nisha for the react tutorial. Your way of teaching is outstanding. Please complete this series . It would be great help🙏🏻
@akiratoriyama1320
@akiratoriyama1320 2 жыл бұрын
Very clear explanation!! Thanks!!
@nilayshukla9049
@nilayshukla9049 2 жыл бұрын
Nisha, Heartly I"m thanking you Your way of teaching is so awesome Please complete this series . It would be great help🙏🏻
@bharathkumar5175
@bharathkumar5175 2 жыл бұрын
hello Nisha, following all ur series of videos ,please continue to complete the series as soon as possible, thanks in advance.
@Karthik-ug8ll
@Karthik-ug8ll 2 жыл бұрын
Nice explanation thanks for making easyly understandable.
@martinearnest1441
@martinearnest1441 2 жыл бұрын
nice teaching ,thank you!
@prashantchakraborty9313
@prashantchakraborty9313 2 жыл бұрын
Hi, your tutorials are best... Please make more videos on angular and react.
@dilipdwiveedi1611
@dilipdwiveedi1611 2 жыл бұрын
Wow...Wonderful 🥳👍🏻
@patshalaaa
@patshalaaa 7 ай бұрын
awesome
@pragmaticcoder6910
@pragmaticcoder6910 2 жыл бұрын
Hi Nisha, please do tutorials on angular / react state management.
@Anujkumar0209
@Anujkumar0209 2 жыл бұрын
Nice
@manojsatwase
@manojsatwase Жыл бұрын
Please make the video on how to write a clean code
@smitabahalkar
@smitabahalkar 2 жыл бұрын
Hello Nisha, please do more tutorials on React.JS concepts.
@amithaacharya
@amithaacharya 11 күн бұрын
i am not getting proptypes and default types when i type Link. what am i doing wrong?
@imranali-kn6mv
@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
@tejavarma107 2 жыл бұрын
Hi Nisha, Can you please do some tutorials on reduxjs toolkit.
@Vk_ke_shorts
@Vk_ke_shorts 2 жыл бұрын
@Nisha Singla wishing you a very happy wala birthday
@pranitmogal715
@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
@sornamanickam1692 2 жыл бұрын
Pls...Continue this react playlist......
@2ameridiem
@2ameridiem 3 ай бұрын
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
@sornamanickam1692 2 жыл бұрын
Sister can pls upload next video in react...
@keepsmile4857
@keepsmile4857 Жыл бұрын
Hey
@adorebeauty2527
@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
@dhllyt873 2 жыл бұрын
Hlo mam
@jahanzaibijaz63
@jahanzaibijaz63 2 жыл бұрын
Hi Nisha ! I have been following your tutorials since long ! And they are amazing . Also I tried reaching on LinkedIn :kindly check . 😶
Components in ReactJS:  What are Class Components | Class Components
13:08
Learn how to use Props in React in 19 minutes (for beginners)
19:12
Sonny Sangha
Рет қаралды 144 М.
Haha😂 Power💪 #trending #funny #viral #shorts
00:18
Reaction Station TV
Рет қаралды 14 МЛН
Alat Seru Penolong untuk Mimpi Indah Bayi!
00:31
Let's GLOW! Indonesian
Рет қаралды 7 МЛН
Why You Should Always Help Others ❤️
00:40
Alan Chikin Chow
Рет қаралды 137 МЛН
The ARCH LINUX Experience
34:30
Bog
Рет қаралды 45 М.
7 Awesome TypeScript Types You Should Know
8:57
Josh tried coding
Рет қаралды 77 М.
Avoid These Typescript Mistakes
9:31
developedbyed
Рет қаралды 10 М.
ALL React Hooks Explained in 12 Minutes
12:21
Code Bootcamp
Рет қаралды 87 М.