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]

😂😂

[@Sixth-Sense_0]

what is you and he blinked at the same time [edge case]

[@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

[@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

[@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!!!

[@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.

[@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!

[@Ctrl_Alt_Elite]

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

[@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 🎉

[@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.

[@FightLabChronicles]

@@MaxProgramming lol

[@tiffanyrogers5979]

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

[@gloriareyes6556]

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

[@Blindmin]

his unblinking gaze is piercing my soul

[@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

[@vmgaming4792]

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

[@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

[@MelaninInTech]

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

[@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!

[@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.

[@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.

[@toppu10animes]

I FINALLY UNDERSTOOD THIS, YOU'RE AMAZING

[@sixft-guy]

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

[@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.

[@srdjan02]

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

[@casecamel6719]

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

[@gauravmishra7158]

You should demonstrate the stuff you talk about

[@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

[@lardosian]

Nice simple explanation, thanks.

[@WebDevSimplified]

You're welcome!

[@getvivekjoshi]

Thanks!!! waiting for react course!!

[@WebDevSimplified]

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

[@a.durgadevi8052]

Awesome explanation 👍👍

[@charleskp947]

this dude literally doesn't blink

[@clivea4391]

your staring into my soul haha, good video btw

[@AbelsColdSweat]

Simple as promised thanks man!

[@WebDevSimplified]

You're welcome!

[@missinglink2416]

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

[@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.

[@alexarch321]

Wow! Great explanation! Thanks!

[@Pareshbpatel]

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

[@MortenPeterHaghJensen]

Awesome video as always! 👍

[@WebDevSimplified]

Thank you!

[@aroddy2203]

I had a staring contest and I lost.

[@govind22703]

😂😂

[@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.

[@youdjparents]

this is really helpful, thank you

[@Raffalaffs]

Great explanation, thank you!

[@duneode]

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

[@FightLabChronicles]

you win. here is my sub.

[@cdemetriad]

Your videos are just amazing, thanks a lot.

[@jaywalker.]

This helped, man. Thanks!

[@lucasmelo010]

Awesome explanation, thanks!

[@INN-israel-news-now]

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

[@JeevanBManoj]

Quick and simple

[@jamjam3448]

Great video by the way. Thanks

[@andreiabasile9853]

Thank you so much for the work you do!

[@weho_brian]

nice channel keep up the great work

[@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

[@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?

[@tigana]

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

[@onofreliscano]

great explanation!

[@rajkumar-nq2te]

Thanks Kyle ♥️

[@WebDevSimplified]

You're welcome!

[@LeonC0704]

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

[@ieatcrayons3322]

ty so much!

[@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

[@noelcovarrubias7490]

Thank you it really helped :)

[@mznunaya]

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

[@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!

[@photontube]

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

[@javieraguirre9135]

great video thanks

[@benchracer2171]

How do you pass a State in as a prop though

[@adityadubey5204]

Thankyou so much :)

[@hectorg362]

Holly shet, THANK YOU! I get it now.

[@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.

[@aammssaamm]

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

[@marcelasssouza]

He does not blink holy

[@oscar6338]

Thank you so much. Muito obrigado. Muchas gracias.

[@nrutcon3356]

Thank you!

[@certainlyjoel]

THANK YOUUU

[@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.

[@jashanpreet880]

iam in love with the videos of you

[@ABShinobi]

Thanks bud

[@mattk3650]

Thx bro

[@kangsbeat]

Thanks so much!!!!

[@gerryrazon3341]

thanks man!

[@tasteyourlappy]

hey guys can we pass prop and hide element..

[@최정원-w4n]

Wow you never blink your eyes

[@bengalichic9333]

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

[@barataapsii2466]

some illustrations and analogies would go well with your explanations

[@MiserableDuck95]

Great explanation dude.

[@WebDevSimplified]

Thanks!

[@nithamanikandan3324]

is there any discount? right now its 60$

[@msr60215]

props vs params???

[@rl6382]

when will your React Course be online?

[@altc5137]

Where is the code???

[@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.

[@dw61w]

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

[@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...

[@Hin69Hin]

5mins of vid with no pic or code....

[@mo-zr2tk]

he doesn't blink

[@naniWithCamelCase123]

You just talk? Show some code would you