React State Vs Props

[@pkpkpkpkpk669]

timestamp for when Kyle blinks: 1:13 2:01 (3 blinks) 2:06 (2 blinks) 4:37 (kind of only really a half blink but I'm counting it) 4:55 PS thank you Kyle for making all this content, it's been extremely helpful in my coding journey ;)

[@firstnamelastname2971]

thats the secret to being a good programmer

[@abinvarkey2331]

😂😂

[@monicatoro2286]

I'm a Spanish native, not an English native and I still was able to understand what you explained way better than the explanations in my own language. That's how well you explain things. Thank you very much!

[@ujjawalbindal231]

Hey there

[@deanshaked]

Dude you're killing it !! I've started learning React very recently and every time I get stuck I look it up on your channel and your explanations are so damn accurate , Thank you so much :)

[@AmandaVieiraMamaesouCult]

Same

[@igorfabris6067]

Same here !

[@khashayarghavami7573]

Yeah he is so good

[@deidreboddie7723]

I'm learning React now through an online bootcamp and was struggling with when to use either State or Prop, but this video really helped me to understand the difference. Thank you!!!

[@mssadewa]

Someone please give me exact time when he blinking his eyes

[@shangshi6286]

lol.

[@calebagrelius253]

1:09

[@deansummer1356]

I see he's not blinking he's squinting to water his eyes, smart him

[@osamagamal495]

2:07 even when he blinks, he doesn't close his eyes!

[@jsn4591]

This commend shouldn't be allowed to be on top... I couldn't focus on anything but his eyes after reading this xD

[@SirXtC]

bro i just noticed that you literally never blink. but good video. thank you !

[@yayz_]

WDS robot confirmed. In all seriousness, though, great video. I'm learning alot from you!

[@Doqtorify]

I just see it and come here to leave a comment about it !!🤯🤯 he doesn't show much emotion too🤔 do you think he reads script?

[@thisissyedbasim]

Or maybe we blinked the exact same time he blinks

[@bluestripes6037]

I noticed that too and I thought I would find it disturbing.... but I love it. It's like he wants me to understand him as badly as I do.

[@Blindmin]

his unblinking gaze is piercing my soul

[@equu497]

I'm a backend guy but occasionally I have to do a little front end work. You have been an incredible asset to me in my journey and I wanted to thank you.

[@devoptimist]

Nice explanation. I just started the react documentation and am working through the tic-tac-toe demo project. The difference between these didn't click until I heard your examples. Thanks!

[@antwarior]

you have just opened my mind to exactly what i was missing when coding react, did not know if the component is handling a thing then its state and if the parent will handle it then pass it in using the props and then use state , all makes so much sense now 🎉

[@gloriareyes6556]

Yes, he's great. was hoping for an example, but thanks for the break down

[@pastorfred2543]

Who else liked the video before watching because he knows Sir Kyle will surely deliver. I can't wait for the #React Course commencing on 10th Sept. 2019.

[@WebDevSimplified]

Thank you so much for the support. I am so nervous and excited for the course to release.

[@MaxProgramming]

I also liked the video.

[@byteslinger3187]

@@MaxProgramming lol

[@tiffanyrogers5979]

Who else liked the video before watching because SHE knows Sir Kyle will surely deliver. 👩🏼‍💻

[@ammarabhatti8261]

Aaahh thank you so much for this easy explaination I was really confused because everyone was saying it's confusing but you explained very well have a good day

[@toppu10animes]

I FINALLY UNDERSTOOD THIS, YOU'RE AMAZING

[@willysnowman]

Thanks! Planning a length/unit input textbox. Form will have several u/l input textboxes + two radio buttons "mm" or "inch". Will also have a checkbox "dual units" which displays after initial unit in brackets. Example: "inch" and "dual units" selected textbox displays: 1.00in [25.4mm]. User can enter various units and it will convert to selected unit. Base unit will be meter. Still trying to figure out how this all goes together. Looking forward to class!

[@WebDevSimplified]

That sounds like a really interesting UI that will be perfect for React. I hope everything works out for you.

[@allenhansen881]

It helped me understand better when you used the JavaScript passing in arguments into functions example. I have a better understanding now thank you!

[@Ctrl_Alt_Elite]

Thanks so much mate, I couldnt understand the concept of state until I watched this. You're a star🌟 🙌🏽

[@MelaninInTech]

started using react at my job and I was struggling with this, thank you soooo much!! Your videos are always excellent!

[@vmgaming4792]

This video is so underrated...Beying the most important functions in React JS. Thanks Man!

[@Optimized_Finance.]

As usual, top-quality content, I was hoping to see some code to that effect. Thanks for the work you do.

[@iamkrishn]

Another great video clearing the basic doubts, which create a lot of trouble later on if not understood well. Thanks, Sir Kyle.

[@sixft-guy]

Really helpful video, explain with code examples just a suggestion. Thanks!

[@clivea4391]

your staring into my soul haha, good video btw

[@srdjan02]

great tut... Just one question. how come you are not blinking... AT ALL? :)

[@aashishkushwaha3740]

Every time I watch your videos, every time you amaze me with the quality of content ✌✌

[@WebDevSimplified]

Thank you so much!

[@nathanunderbsd5972]

@@WebDevSimplified real inspiring, like me a self taught developer.

[@aroddy2203]

I had a staring contest and I lost.

[@govind22703]

😂😂

[@gauravmishra7158]

You should demonstrate the stuff you talk about

[@getvivekjoshi]

Thanks!!! waiting for react course!!

[@WebDevSimplified]

Thank you for the support! I cannot wait to launch the course.

[@alialrahem9817]

As you mentioned prop as argument inside the function as it only read not change arguments but state is an action to change props

[@AbelsColdSweat]

Simple as promised thanks man!

[@WebDevSimplified]

You're welcome!

[@casecamel6719]

showing examples that one component utilizes a prop as its state would be great

[@MortenPeterHaghJensen]

Awesome video as always! 👍

[@WebDevSimplified]

Thank you!

[@alexarch321]

Wow! Great explanation! Thanks!

[@lardosian]

Nice simple explanation, thanks.

[@WebDevSimplified]

You're welcome!

[@charleskp947]

this dude literally doesn't blink

[@cdemetriad]

Your videos are just amazing, thanks a lot.

[@nspdevgru5093]

I am such a visual learner this would have been aces with an example. Good stuff though just grabbed the transcript and read it 10x's.

[@duneode]

Thank you! One thing I have never understood, why are props called props instead of function argument when they seem identical, what differs?

[@a.durgadevi8052]

Awesome explanation 👍👍

[@Cubannerd]

I have a question. Can I store all the props in an external js file then import that file into the js that is going to render the component?

[@weho_brian]

nice channel keep up the great work

[@jaywalker.]

This helped, man. Thanks!

[@Pareshbpatel]

Great Tutorial on when to use State vs Props. Thanks, Kyle {2022-02-26}

[@andreiabasile9853]

Thank you so much for the work you do!

[@youdjparents]

this is really helpful, thank you

[@byteslinger3187]

you win. here is my sub.

[@jamjam3448]

Great video by the way. Thanks

[@shupesmerga4694]

better if you add codes at graphs or any visual aid while explaining. It's extra work but it ca ngo a long way

[@missinglink2416]

it did not props at first but later on it surely did!!! thanks

[@mznunaya]

Oh Kyle. Kyle.. Kyle... Kyle.... You're just awesome :)

[@lucasmelo010]

Awesome explanation, thanks!

[@Raffalaffs]

Great explanation, thank you!

[@niranjanwagh5767]

This channel is amazing. But, I was hoping for a demo with code. Please remake a video on this with a demo if possible. There aren't many videos on this.

[@almadev183]

Very clear bro.

[@tigana]

If we're handling form input in a parent component, would you pass state as props?

[@sourabhvaishnav8235]

Hey, nice explanation. How can I map my components with the array. Like every time a user signs-up, the get user request via axios brings an array of users as serverResponse. Now I want that my Card component should pick every user and replicate the card with their respective details on a different page. Let's say Home page, window.location.pathname === '/home. Moreover if I can skip the loading and make SPA using withRouter. I think I haven't explained it well like what I want, but I hope you will get it.

[@onofreliscano]

great explanation!

[@noelcovarrubias7490]

Thank you it really helped :)

[@rajkumar-nq2te]

Thanks Kyle ♥️

[@WebDevSimplified]

You're welcome!

[@INN-israel-news-now]

it would be usefull if you explain it with an example into the code

[@LeonC0704]

but you lose the props when you refresh the page. How do you make it persist?

[@dios8256]

Sir. You're da best

[@philipdevries3413]

I really like your voice and explanation, but, I'm missing some visuals. Just a still image of some code, showing what you're talking about would help a lot. Thanks!

[@jashanpreet880]

iam in love with the videos of you

[@javieraguirre9135]

great video thanks

[@iliasettaoussi4680]

can u please nesxt time code this concepts along in the video so it can be more clear and it would more simple to give examples

[@oscar6338]

Thank you so much. Muito obrigado. Muchas gracias.

[@photontube]

would be better if you used example code ,still awesome!

[@hectorg362]

Holly shet, THANK YOU! I get it now.

[@JeevanBManoj]

Quick and simple

[@jeroenhaisma6854]

Wish the course would come out earlier! Btw, i have subscribed, but is the supposed to be a feedback e-mail "subscription succesfull"? Havn't seen

[@WebDevSimplified]

I still have a few things I need to finish up before the course is released. You should have received an email when signing up. You may want to check your spam folder for the email, and it you do not see it there you can email me directly using the email listed in the about page of my channel and I will ensure your email made it on the list.

[@eugene9089]

This dude is like a robot.

[@adityadubey5204]

Thankyou so much :)

[@marcelasssouza]

He does not blink holy

[@ieatcrayons3322]

ty so much!

[@kangsbeat]

Thanks so much!!!!

[@nrutcon3356]

Thank you!

[@gerryrazon3341]

thanks man!

[@MiserableDuck95]

Great explanation dude.

[@WebDevSimplified]

Thanks!

[@benchracer2171]

How do you pass a State in as a prop though

[@certainlyjoel]

THANK YOUUU

[@aammssaamm]

Why would you need to change the props of the component outside of it?

[@barataapsii2466]

some illustrations and analogies would go well with your explanations

[@ABShinobi]

Thanks bud

[@최정원-w4n]

Wow you never blink your eyes

[@KabooM1067]

Aaaaaaaaaah I'm really starting to regret my decision to learn web development. I can't get react.

[@WebDevSimplified]

What about React is confusing you. Maybe there is something I can help explain. I also have an entire React course that covers React from the beginning which may be interesting to you. courses.webdevsimplified.com/learn-react-today

[@nathanunderbsd5972]

first and foremost, why regret? if learning web development in general is a kind of your passion over salary perspective, then you do not think about time to spend in learning it, but regretting without a goal or success on learning it, then better to start finding what is your REAL passion. I can say it is broad to learn by doing and learning all those stuff you need, a good foundation is to focus on (basic fundamentals --> required). I was also like you before, but realising the needs of combining tech/dev/ops perspective which is demanding for the next 10 years of time, i embraced it with pride of learning and nurturing bit by bit, like in book, cover by cover.

[@KabooM1067]

@@nathanunderbsd5972 My real passion doesn't put food on the table... Anyway that was just a knee jerk reaction out of frustration, I didnt mean it. I like web dev, despite all the frustration that comes with it, but I also can't wait for the day to not have to do it anymore lol.

[@KabooM1067]

@ZenCoder that's the plan... Until I find that thing I still need to live so...

[@mattk3650]

Thx bro

[@nithamanikandan3324]

is there any discount? right now its 60$

[@Foxy-mk2yn]

It is better to have a visual during explanation, hard to see so beautiful face

[@a-roh5039]

More react please!!

[@WebDevSimplified]

I plan to make a lot more React videos

[@a-roh5039]

@@WebDevSimplified Thank you! I've loved your content, you're a great teacher.

[@Mahmoudery]

Stop rizzing you guys!!

[@rjlamarti]

just cover them eyes man im possessed

[@bing2977]

Thank you! This really helped! But please blink more often

[@messyice2524]

Are you a robot, you did not blink?

[@mo-zr2tk]

he doesn't blink

[@bengalichic9333]

i dont understand...could you show w/ visual

[@RoshanKrSoni]

Thank you but we want example for better understand

[@WebDevSimplified]

I opted not to use any code examples since there are so many different ways to handle state and props in React and I wanted this video to be purely about the concepts of state and props.

[@dw61w]

I'm so confused by the upvotes. Looking at a face for 5 minutes instead of a recorded screen isn't gonna help

[@naniWithCamelCase123]

You just talk? Show some code would you