PropTypes & DefaultProps Tutorial: ReactJS PropTypes and DefaultProps

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

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
@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!
@chokwewalshwade7486
@chokwewalshwade7486 10 ай бұрын
nice and clear, understood props validation at last
@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🙏🏻
@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!!
@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.
@pragmaticcoder6910
@pragmaticcoder6910 2 жыл бұрын
Hi Nisha, please do tutorials on angular / react state management.
@dilipdwiveedi1611
@dilipdwiveedi1611 2 жыл бұрын
Wow...Wonderful 🥳👍🏻
@smitabahalkar
@smitabahalkar 2 жыл бұрын
Hello Nisha, please do more tutorials on React.JS concepts.
@manojsatwase
@manojsatwase Жыл бұрын
Please make the video on how to write a clean code
@Anujkumar0209
@Anujkumar0209 2 жыл бұрын
Nice
@patshalaaa
@patshalaaa 6 ай бұрын
awesome
@amithaacharya
@amithaacharya 7 күн бұрын
i am not getting proptypes and default types when i type Link. what am i doing wrong?
@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
@Vk_ke_shorts
@Vk_ke_shorts 2 жыл бұрын
@Nisha Singla wishing you a very happy wala birthday
@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.
@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...
@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
@keepsmile4857
@keepsmile4857 Жыл бұрын
Hey
@dhllyt873
@dhllyt873 Жыл бұрын
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
버블티로 체감되는 요즘 물가
00:16
진영민yeongmin
Рет қаралды 23 МЛН
IS THIS REAL FOOD OR NOT?🤔 PIKACHU AND SONIC CONFUSE THE CAT! 😺🍫
00:41
1❤️#thankyou #shorts
00:21
あみか部
Рет қаралды 88 МЛН
Always be more smart #shorts
00:32
Jin and Hattie
Рет қаралды 14 МЛН
Stop using defaultProps (React 18.3 preview)
3:27
Matt Pocock
Рет қаралды 22 М.
ALL React Hooks Explained in 12 Minutes
12:21
Code Bootcamp
Рет қаралды 85 М.
7 Awesome TypeScript Types You Should Know
8:57
Josh tried coding
Рет қаралды 77 М.
Learn how to use Props in React in 19 minutes (for beginners)
19:12
Sonny Sangha
Рет қаралды 144 М.
This is the Only Right Way to Write React clean-code - SOLID
18:23
Learn React In 30 Minutes
27:16
Web Dev Simplified
Рет қаралды 1,3 МЛН
How React ACTUALLY works (DEEP DIVE 2023)
12:59
FrontStart
Рет қаралды 50 М.
버블티로 체감되는 요즘 물가
00:16
진영민yeongmin
Рет қаралды 23 МЛН