ReactJS Course [4] - UseState Hook | States in React Tutorial

[@harshucore]

I've seen so many react videos, but no one has explained States this well. Thank you!

[@Jaymson_]

I am glad that I found your channel. I finally started learning React week ago and your tutorials appeared at the perfect time. Thank you for your work!

[@PedroTechnologies]

Glad you liked it!

[@arhamnaeem5820]

Thank machine learning for that

[@mexiangel1994]

You have been one of the best teachers I have found on KZbin. I've been following your channel for awhile but this course has made your content even better..thanks for all your hard work. I can't wait to learn more.

[@codewithegai]

He explains concept pretty well

[@abdulkadirabdulrahman8258]

💗

[@codewithegai]

A friend referred me to your channel. It's so refreshing, how you teach. Thanks buddy.

[@SolzheBitsyn]

Your tutorials are so effective, it's unbelievable. All the other tutorials I've gone through are either a 10 minute video explaining broadly what React does, or a 4 hour-long in-depth project. Thank you so much, I will actually be prepared to hit the ground running at my internship because of your videos.

[@achuntps0913]

Day 4 the way you describe & give the examples is so useful! I'm not afraid to keep learning these lessons, thanks!

[@daviddavid-vz9oo]

this is like just the best course on youtube like i spent like the last 3 weeks trying to learn react and i just found your channel and omg like you made it so easier and thanks so much man wish you the best you just saved me

[@josecarlosparada3171]

You are going to save my internship, you explain the topics really good!

[@adamlahchimi-zb9rc]

bro you are killing it with this course you are the best web dev explainer on youtube i've found so far (btw i've in the tutorial hell for so long)

[@AbhayRachanaikar]

I struggled so much with understanding State since a year but now I finally do, thanks dude

[@dualwan]

4th series and i find it very good... watch the roadmap also, he stated their that learn javascript first. i think we need to be comfortable first in javascript to master React. i like the excercises that has some catch, it will make us think as a programmer. i tried learning React a month ago with not much javascript and its very hard to grasp the concepts of react. it is much easier now. so good luck to all of us.

[@nigelflim]

Really love that u put practical usage examples, keep up the great work!

[@mansoorrr9167]

Pedro, thanks a lot brother!! I did all of it by myself 🙏💗 I saw a lot of tutorials but couldn't find anywhere this kind of explanation from scratch. You are doing a wonderful job teaching us 💚 Wish you the best man!!

[@youseev]

Your videos are great for learning React, you just get straight to the point.

[@hadijafari5631]

Love the way you teaching, it's super sample and easy to learn. Thank you

[@MohammedDanishKhan-g4d]

Best channel for learning the react

[@lrlrch8351]

I have seen a lot of react tutorials for hooks but this is the first time I get the real idea 😮

[@nkzsonicr]

Hi Petro, thanks very much for your hard work. I am coming from the Angular world and starting with React now and just bump in your courses while searching for something to learn on youtube and really, I just say that you have made an excelent work here. Compare to other courses / tutorials I was watching, your courses are very simple to understand and you try to show all the mechanisms in a simple way for beginners. Also courses are really nice structured and are build up on already learned step by step, greate respect here!!!😍😍

[@ThorStore]

This course is amazing. I need to learn some react concepts in two days and I feel like I know so much already. Thank you!

[@M4nudu45]

Thanks for your courses Pedro, even if I'm working on React since one year I could understand more things thanks to you. Keep going it's awesome bro :D

[@PedroTechnologies]

Happy to hear that!

[@mateuszanolla]

Obrigado, cara. Tu é monstro.

[@timnation4756]

Learnt alot about useState hook today, Thank you Pedro for putting all of this together for free.

[@_saudi9]

I want you to know that you provide content similar to many content makers, but in a professional, distinctive, very wonderful, excellent, dazzling, simple and enjoyable way, keep going bro, you the best

[@visheshrathi4752]

The way u have designed the content is awesome. Thanks for this

[@pataka81]

Thanks Pedro, I learned a lot. For the solution I only use 1 function. Add a custom attribute to the button e.g op="inc", op="dec". Then check the op value with if else statement in the function to set count respectively.

[@IdanItzhakov]

Keep doing that, this is very helpful. Thank you, you're Amazing!😄

[@vatansrivastava7279]

After searching all over the youtube for best react course Finally I found a channel that explain's the concepts of react js very well. thank you so much pedro.

[@thebrighterworld9049]

Please, do more videos like this. You are on fire man, Keep going 🔥🔥🔥

[@PedroTechnologies]

Thanks! Will do!

[@Matt-fm5ce]

Amazing videos, thank you. Probably the best coding tutorials I've ever followed.

[@conan501]

Great video, Pedro! Thanks!

[@mathbydoing]

So well explained, thank you. I used your first example with the age increase function to create a plus and minus counter. So easy! After struggling through another tutorial (from a famous channel!) I thought a counter app would be complicated. I thought React was overly complicated for little things that should be easy. After your excellent explanation, I am relieved and enjoy playing with these code snippets. And I know from previous programming languages that this is the start of becoming fluent.

[@neeraj4210]

Most effective tutorial for useState

[@dickysoeryono2024]

I would just happy to join if Pedro open online coding class. The way he describe everything is very clear!

[@ugwuokeluke-zk9kx]

i am really impressed with your clarity sir

[@digigoliath]

Nice. The video didn't feel very long. The topic was clearly explained.

[@ahmednassar2536]

Very easy explanation, and it's a great way to deliver the message. Keep going, Pedro's

[@hassanamin1385]

You have just made my day explained sooo easy... amazing

[@dixitGogoi32]

A very good playlist for absolute beginners in ReactJS like me ! Good explanation !

[@kito4007]

one of the best course on the KZbin U must make a website for you and provide all your courses on it 👍👍

[@ElegantCoder]

This is going to be an awesome react series please keep posting you're helping thousands thanks

[@oncoding4520]

I really love your course, because they are very simple but the logic is something that can be used. So for example I am not totally beginner at React but I remember that ""back in the days"" just to do the toggle was difficult from java script. Even your react beginner project that you posted this days was very cool. I hope you will have time to keep posting projects in the feature even though they are long because we as people that watch usually we are looking up for patterns of thinking. Keep pushing and dont forget you promise me to do a video how to do a github page with a template. Hope you will do it something clean and simple like not the usual like every body does

[@WeAreByteableGames]

this content is golden, thanks for your hard work

[@AdityaSingh-ex4bn]

Thanks a lot for these videos. I was struggling to learn react even after enrolling in a udemy course. Thank u so much

[@Rose-gb1ku]

Best explanation on states

[@KellenBegin]

thanks for the great video, I've been learning react for a bit and you're making it click

[@PedroTechnologies]

Great to hear!

[@saharghoniem1348]

your channel is the best in react

[@annaaghajanyan4621]

Really great examples for understanding the state in React, thanks a lot.

[@dginvestor6483]

I like the way you explained this is my second time to learn react

[@rawrbearmedia1426]

I've been following your channel for quite a while and I love your content. Your teaching style reminds me of Bucky Roberts from TheNewBoston, back when when he made coding videos. I've missed his stuff for years and now you're stepping up to fill the void. Thanks, man! Vote for Pedro! lol

[@vinaypatil8009]

Perfect video Nice example with clear explanation End exercise is also good 👌

[@Geek_God16]

fantastic lecture on states with some really awesome examples.

[@MerdokiyosMamo-c9u]

Pedro, i really start loving react after i start your video, bruh keep going❤❤❤

[@newagecoder5417]

Ohh man I am really enjoying learning to react it's awesome. But especially thank you because you are giving us valuable knowledge

[@wei7360]

For the exercise, I did the same thing but I used in-line functions that you taught us. { setCount(count + 1); }}> Increase { setCount(count - 1); }}> Decrease { setCount(0); }}> Set to Zero

[@PRPS730]

thats fine too, you could do this way or this way sine both give the same answer, but his way was a lil cleaner.

[@andifaizal6848]

Thanks for sharing your knowledge Pedro. Awesome you're great.

[@ji.dew1571]

I learned MERN when I was in 8th standard. forgot everything because of final exams. then learned twice in holidays before getting into 9th standard, got success, build a simple invoicing app on my own but after getting into the 9th standard, I was just playing FS19 for my entertainment and forgot everything twice. now learning for the third time, and this time i'm using linux to dont let games run on my pc. NOW FULLY FOCUSED ON LEARNINGS, BUT CURRENTLY IN 9th Standard and I will keep my learnings on. I KNEW THAT FAILURE IS A PART OF SUCCESS. NEVER GIVEUP. "IT TAKES 21 DAYS TO BUILD A HABIT, 90 DAYS TO BUILD A LIFESTYLE" So, just focus for 21 days and you will be familiar with coding..... Thanks PedroTech. I finally got the quality video I was looking for. 🥲🥲🥲🥲🥲🥲🥲🥲🥲🥲🥲🥲🥲🥲

[@ji.dew1571]

the more earlier you starts, the more earlier you got it. keep learning, self-educating..

[@linusmanuel]

My solution was to create a single function called counting and then I used a target element to compare its value to increase or decrease the count. And off course for the third possibility of I used an anonymous function to setCount to Zero. function App() { const [count, setCount] = useState(0); const counting = (event) => { const btnValue = event.target.value; btnValue === '+' ? setCount(count + 1) : setCount(count - 1); }; return ( Increase Decrease { setCount(0); }} > Set to Zero {count} ); }

[@richardleungwoogabriel9317]

My god love it. I'm learning react new also and glad I found your channel! Make me great!!

[@PedroTechnologies]

Welcome aboard!

[@richardleungwoogabriel9317]

@@PedroTechnologies I want to land a front end developer job just from your teachings!! If you had to start over what would you do and how. I have 6 months to change careers.

[@PedroTechnologies]

@@richardleungwoogabriel9317 I have a video on just that: kzbin.info/www/bejne/jn7Kf5p7mJ5nmpo

[@ИннаБогданова-к4щ]

Pedro, awesome context as always

[@_myenglishbro]

the best teacher!!!!

[@guzalexandre]

Você é muito bom. Não para. Já estudei react mesmo assim sempre tem o que aprender de você.

[@Lucas-iq2we]

I tried to learn React 3 times before I came across your channel, now I'm learning it so easily, thanks a lot Pedro.

[@seekingtruth9417]

Hi Pedro, I am sticking to your series as the go to tutorial to master React. Can you please make a video on which theme, icon set and extensions you use. It will be super helpful.

[@bshwin]

Thank you for your time and effort.

[@Powerful_Panda]

Thank you for your work. I really appreciate it. You really make me love react and that's amazing.

[@priyankathakor2174]

Thank you for this ..❤

[@samuelo.francis5964]

I really appreciate the work you put in, thank you so much.

[@eddyelamin9015]

I really appreciate the work you put in Pedro thanks

[@rahilkapur2604]

Love the videos man keep up the great work!

[@PedroTechnologies]

Glad you like them!

[@farzinfaezirazi361]

Very informative React series. Thank you

[@GODFATHERZAHER]

A very very nice way to explain as expected❤

[@hssageni9893]

I really appreciate your work I enjoyed the episodes your way of explanation is awesome and simple I loved it your student from Morocco 🧡

[@adamlahchimi-zb9rc]

7ta ana :)

[@hssageni9893]

@@adamlahchimi-zb9rc oyyyy fyn kmlti lcourse?

[@amirsalehi3643]

I really enjoy your videos. Keep going and please teach useEffect!

[@PedroTechnologies]

Episode 6 is about React Lifecycle and UseEffect!!!! :)

[@shariifomar9985]

Your code is clean & understandable thanks alot

[@fazaljarral2792]

Finally understood useState :)

[@the_brand_booster]

Brother, you are amazing ❤ I was too late to find you😅 But now i am very confident.. i can learn react 😅😅

[@alessandroscimone5463]

I finally got it!!! 😂 Thanks my friend!

[@autovlogs5126]

Don't get demotivate by views make full series one day your channel wil hit . I am sharing your video to frnds too . Now it's our responsible to grow your channel 🤘 Thank you

[@מעייןאוליאל-כ1ב]

You explain amazingly!

[@rosmildolopes3985]

Thank you for taking your time to help us

[@divyarajsinhchampavat2873]

Muah bro your videos help me alot for react learning thank you so much ❤️ bro

[@wangwang-official]

dude you're amazing thank you

[@white.93]

Really helpful, thank you Petro

[@elderwand663]

Will you use Firebase as a backend for the Full Stack Application in this course? And will that include deployment? Always been eager to build and deploy apps with React & firebase but never found a series like yours. You explain things in layman's terms instead of throwing technical jargon right off the bat.Really Enjoyed the course so far!!!! Thank you❤

[@abhijithsubash6160]

One tip from me: you can now use option + tab to switch between the windows. 🤟

[@mutsamutepfa]

great work Pedro👍

[@daivarajackiene9048]

very clear, thanks

[@andrewandrosow4797]

Good video! But where is explanation about a calback function? I mean a parameter of the setter function: for example - setSomeValue(x=>x+1).

[@user-foris]

I have a question to make. I have been writing react for a few months now. The only thing that you didn't mention is a problem i run sometimes into while using states. The problem is if u have a function that changes the state of a state variable and then you try to do something depending on the state of that variable inside of the same function the case is that the setter for the state hasn't yet changed the variable. I don't know what's wrong with it but a solution i found while experiementing was that i used the useEffect hook so that if the state changes then i get to have the states current value and check whatever it is that i wanted to.

[@sonamohialdin3376]

So good tutorial clear explanation

[@PedroTechnologies]

Glad it was helpful!

[@WarframeCrunch]

25:40 If I remember correctly method, the count method here is wrong, it always should be "prev => prev + 1" , it always have to be tight to previous value, otherwise sometimes react can count twice. It is because of React Strick mode which you use during proces of creating, which also help you find errors like something counting twice in strick mode which means that the code isn't 100% correctly written and might give errors in some situation.

[@Salah-YT]

thank u so much bro well done for nice video

[@PedroTechnologies]

Glad you liked it!

[@syedhamz801]

Easy and well explained

[@KostyaShn0beL]

Hey! Great video, as always Do you plan to record a small vid about useEffect? Thats the only hook that I don’t get at all 😢

[@PedroTechnologies]

It will be episode 6! I am preparing a good video for it :)

[@hamzazaman9903]

He also has another series like this that explains useEffect, though it is a little less professional but very much enlightening

[@rhiannonmonks6894]

This is a beautiful video.

[@PedroTechnologies]

Thank you very much!

[@chase4972]

It's cool. I thought you were supposed to update the state based on the previous state....

[@38911bytefree]

Thanks so much Pedro.

[@ongi27]

Bro u saved my life ❤❤❤❤❤❤

[@Kennomie]

great video, keep it up please

[@newagecoder5417]

Pedro sir because of you can solve every exercise at the end of the video