ReactJS Tutorial - 9 - Props 

I have gone through many paid courses for React... and searched many platforms.... but this tutorial was unique... no words to describe you... fantastic and very clear and neat explanation for absolute beginners.. take a bow...🙏❤

For anyone who asks why console(log) displays all objects twice, the answer is: in the index.js file, is surrounded by . Deleting this will resolve the log duplication. The component is only enabled during development and does 3 main things: Re-renders your components an extra time to find bugs caused by impure rerendering (side effects). Re-runs your components effects an extra time to find bugs by missing Effect cleanup. Checks your components for usage of deprecated APIs.

This teacher takes teaching to a new level. Hands down the best React series I've come across. Thank you Sir, much much appreciated!

I don’t normally comment on RU-vid videos but this course is so perfect and beginner friendly. I’ve worked through over 10 videos now and I understand every single thing he’s talking about.

"Props is just an object that contains the attributes and their values which have been passed from the parent component" Your way of explaining and teaching is amazing. Thanks a lot Vishwas for all your efforts.

No wonder this great teacher is a DC lover.

I went through like so many React tutorials and this is where I was finally able to grasp and understand everything so well. Thank you so much for the efforts you have put in to come out with something so extraordinary and easy to understand!

Great series also love the using name values from DC character

I was confused regarding props , now after watching your explanation, it's clear now. Basically, key value pair for custom tag is represent by props . Attribute name for custom tag has become key and it's value is a value for props object.

I had trouble with this concept until I watched just half of this video before something clicked. Thanks a bunch!

This is the best React tutorial. I am understanding it in one go. The other tutorials did not explain the folder structure as well as you did and without that good base nothing could stay in my brain. But now I GET IT!!

Finally, someone who breaks down everything with clear explanations...Thank you so much for this!

Learning alot from the Tutorials, The best Part is Vishwas being a DC Fan

you're the best teacher I have ever seen. I watched Dart and flutter with you on udemy. And now I'll learn a little more.

Vishwash, your videos are amazing. The way you teach increases interest of learning these technology. I love your video series. I'm from mobile application development background and wanted to learn reactnative. I gone through your reactjs series and now learning reactnative. It would be great if you make series on reactnative development

I'm so happy that I found another best teacher that I will definitely come back to learn something new about web development. You really understand this field and I'm so grateful! Thank you so much, Vishwas!

Your videos Vishwas are simply the best, even the resolution of your VS Code app and screen font size was perfectly chosen and the clarity with which you explain everything is amazing. Thank you so much for making all these wonderful videos!

Instead use like wrapper, a good option is content jsx

Not the most fancy youtuber out there for sure. But at the end of the day, the content and the clear explanation are all that matters. Thank you for that.

I’m following a series on gale to help guide me in which direction to learn, but when I’m confused I go to you! You know how to teach beginners very well; you know best how to inspire curiosity and instill intuition!

I have been a long time fan of Net Ninja on RU-vid and even learned javascript from his course. Now I am a fan of Codevolution too because you have the same calm and composed teaching style as shaun from net ninja. Hope both of you do a collab sometime. Thanks for the amazing content.

You explain this better than my web computing professor....

I have been through numerous paid courses, but the explanation that you provide for everything is just excellent!

Your ReactJs series is very helpful and your way of explaining things is unique! Keep up the good work!!

Thank you so much!!!! I have been watching so many videos and courses and more often than not people ar mumbling and saying things like "lets do this and this...or no, we will do something else" or that saying stuff like "So obviously when you take ABC and use it with DEF, and then pass it to GHI it will come as JKL! Unless it won't. But we will talk about this later." And I am like ''WHAAAAAAAT???" You are using short sentences and you are very clear. What you say matches what you do on the screen. You are using plenty of examples. This is the first video made by you that I am watching and I am in awe! Bravo and thank you!

Best react series for beginners You make all topics crystal clear Big fan from Nepal ❤️🙏

After trying many courses(on youtube,coursera...etc) this is by far the Best series.

i freaking love you, i was having such a hard time trying to understand this concept.

For returning multiple elements, consider wrapping all your elements with: (All elements)

Finally I am able to solve my confusion... Somewhere I have to add {props.name} and somewhere {this.props.name}.. Brilliant explanation

I was confusing to start learning reactJs from beggining because there was no any courses to start by understanding everything from scratch. But I found this on youtube and i have got confidence on reactJs. Thank you Sir 😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍

Seriously, you deserve a gold medal for the props explanation. anyways this is my first time of commenting on react tutorial.

Thank you, MAN. I listen this theme about props in my native language and understand a half of what I have known just now after your video!

Finally a video that explains props in the simplest form… thank you soooo much

Heading - Props in Functional, Class components. Well explained concept

Thank you very much for these set of videos. I am a beginner & for the life of me, I was not able to figure out props & state till I saw your video. It was simple and crisp. Needless to say, I have subscribed to your channel & I intend to watch all your videos. Thanks again.

definitely the most clear and concise explanation out there. finally got a good grasp on the concept, thank you very much!

I am learning a lot more than the courses I paid more. You should release a book haha

Thanks for breaking it down... better than many paid courses on udemy!

Thank you so much for your video tutorials. Your teaching style is really helpful, because you are concise and to the point. Much appreciations again!

Justice League Trinity reference, yeah 👍

Finally able to understand props... Now can move to hooks. It was such a headache, Thanks codevolution.

The way of teaching is clear and understandable

Really really good explanation, i was jumping around to understand such a simple concept but you explained it in a very short and simpler way, keep up the same work now i have confidence that i will learn react.

SImple, direct and clear, thanks !

Perfect series. Let's keep going.

The best react tutorials and the best teacher on you tube.

this is the clearest explanation ive seen

Why are you better than all of my professors?

I was watching bruce wayne rich moments and realized Its time to study then this legend comes and start talking about bruce, clark and diana

I wish "vish-was" was our teacher in college.

Love how you switch between videos

i am beginner to this , you are explaining very well i have not seen this type of teaching

thanks alot for helping me finally understand what props do, you got a new subscriber

Very nice tutorial, I have been looking for something like this for a long time. Well done for your efforts and teaching the react basics so well.

Boss, you are the best teacher ,i have ever come across in my life , you are too good ,God bless you sir

Your explanation is simply superb and easy to understand the basic concepts,keep it up

W O W !!!!!!!!! Took you 12 minutes to explain props🤯🤯🤯🤯🤯 wow

subbed for the simplicity. Well done.

Viswas explains very well! It's better than some of Paid tutorials.

Best ever explanation on props

@CodeEvolution Sir, you have beautiful teaching method and your way of teaching is unique. I would like to watch and learn more courses from you.

boss, you are the beat teacher ,i have ever come across ,God bless you sir ,I love your teaching .

Thanks Vishwas Outstanding explanation of concepts

Just wanna say that I, really enjoy the video series and kudos to you and your teaching style, really awesome job. I love it.

All your videos work perfectly well so far!! thanks for your time!!!!!

I'm happy with learning this tutorial React.I am understanding very well. That is comfortable learning for React

Thank you so much. This is better then my paid course that has HALF a million Students. So that means something .

Very good teaching for a complex argument.

Thnx vishwas now I am enlighten what props and attributes use for. 👍👏

What a wonderful tutorial! Thank you very much, Vishwas! You are amazing teacher

Bruce, Clark, Diana - Bruce Wayne, Clark Kent, Diana (Wonder Woman). This guy is a DC fan ❤❤.

one of the best tutorials I could found...Grate job

you are SUCH A GOOD TEACHER oh my god

Bruce, Clark and Diana. I see, a man of culture!

Esxcelent explination. this chanel deserves more attention. You got a subscriber in me

Excellent tutorial on ReactJS

It's the best demo on props. Thank you very much.

Bruce, Clark, Diana... that sounds familiar 😁 Jokes apart, brilliant content bro!

Next level teaching man!!

I love the way you teach, thank you so much sir please Continue.

I don't understand how can anyone press dislike button , this is amazing thank you !!:)

hats off to your teaching skills

I bow down for Ur superb explaination..

That amazingly well explained, first time I understand props :) thx

"Comphonents" I can't handle this accent.

don't know if anyone else has commented on this yet, but i appreciate the justice league reference

Batman, Superman and Wonder Woman, I really appreciate that!!! :D

You just simplify pros for me😮, thanks 😊

this is very very helpful and language is so simple to understand.

Your teaching skill is good, Waiting for next video :-)

Can't thank enough for such clear explanation.

10/10 series. thank you

best video series for react js.

This is extremely helpful. Thank you so much!

I have one doubt that.... In class component I have done console.log(this.props); then why it is consoling output 2 times for each component tag Output is : Welcome.js:5 {name: 'ABC', surname: 'XYZ'} Welcome.js:5 {name: 'ABC', surname: 'XYZ'} Welcome.js:5 {name: 'PQR', surname: 'ZZX'} Welcome.js:5 {name: 'PQR', surname: 'ZZX'} Welcome.js:5 {name: 'MNL', surname: 'QWE'} Welcome.js:5 {name: 'MNL', surname: 'QWE'}

Initially I thought why Bruce Clark and Diana , then I saw heroname and realised the names were planned Haha nice thing Not talking about tutorial because that's nice as usual

This was exactly what I was looking for. Thanks.

Thanks. Now I understand props finally 🤓

Thank you! You are gold, man! I love you. I wish you all the best.