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]

💗

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

[@codewithegai]

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

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

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

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

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

[@nigelflim]

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

[@conan501]

Great video, Pedro! Thanks!

[@AbhayRachanaikar]

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

[@hadijafari5631]

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

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

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

[@MohammedDanishKhan-g4d]

Best channel for learning the react

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

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

[@thebrighterworld9049]

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

[@PedroTechnologies]

Thanks! Will do!

[@IdanItzhakov]

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

[@youseev]

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

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

[@Matt-fm5ce]

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

[@visheshrathi4752]

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

[@lrlrch8351]

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

[@ugwuokeluke-zk9kx]

i am really impressed with your clarity sir

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

[@timnation4756]

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

[@mateuszanolla]

Obrigado, cara. Tu é monstro.

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

[@KellenBegin]

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

[@PedroTechnologies]

Great to hear!

[@rahilkapur2604]

Love the videos man keep up the great work!

[@PedroTechnologies]

Glad you like them!

[@dickysoeryono2024]

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

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

[@priyankathakor2174]

Thank you for this ..❤

[@ahmednassar2536]

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

[@WeAreByteableGames]

this content is golden, thanks for your hard work

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

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

[@neeraj4210]

Most effective tutorial for useState

[@hassanamin1385]

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

[@digigoliath]

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

[@Rose-gb1ku]

Best explanation on states

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

[@andifaizal6848]

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

[@dvlaasya6855]

hi, i have doubt at 10:53, age is declared as const but it is changing If i run the code, then it is showing cannot assign to constat variable error

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

Pedro, awesome context as always

[@dixitGogoi32]

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

[@vinaypatil8009]

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

[@kito4007]

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

[@saharghoniem1348]

your channel is the best in react

[@dginvestor6483]

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

[@ElegantCoder]

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

[@annaaghajanyan4621]

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

[@bshwin]

Thank you for your time and effort.

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

[@Geek_God16]

fantastic lecture on states with some really awesome examples.

[@samuelo.francis5964]

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

[@GODFATHERZAHER]

A very very nice way to explain as expected❤

[@Powerful_Panda]

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

[@Salah-YT]

thank u so much bro well done for nice video

[@PedroTechnologies]

Glad you liked it!

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

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

[@farzinfaezirazi361]

Very informative React series. Thank you

[@eddyelamin9015]

I really appreciate the work you put in Pedro thanks

[@guzalexandre]

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

[@amirsalehi3643]

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

[@PedroTechnologies]

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

[@abdullahabohashem2561]

I'm sorry if this question may sound rushed .. but is there a way to randomize the colour for example .. instead of only black and red

[@PedroTechnologies]

Yes, you can set the color to: Math.floor(Math.random()*16777215).toString(16); This will give you a random color :)

[@abdullahabohashem2561]

@@PedroTechnologies Ohh nice .. thanks Pedro

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

[@alessandroscimone5463]

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

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

You explain amazingly!

[@white.93]

Really helpful, thank you Petro

[@rosmildolopes3985]

Thank you for taking your time to help us

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

[@MerdokiyosMamo-c9u]

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

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

[@_myenglishbro]

the best teacher!!!!

[@shariifomar9985]

Your code is clean & understandable thanks alot

[@MisterMujeeb1]

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

[@newagecoder5417]

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

[@shamilaliev2119]

Pedro, for defining state you used const keyword, but for me it shows some error message which says "Assignment to constant variable" and everything crashes. So I needed to set it with let. How could it be different?

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

[@АлександрГринёв-г5я]

Hi, why when I tiping for example "event.target." I don't see the intellisense tips (value)?

[@mutsamutepfa]

great work Pedro👍

[@federicoraulmaciasaparicio1339]

I know it's probably too late for suggestions on the course but, do you think it could be possible to add redux toolkit, pagination and graphql to the course??

[@PedroTechnologies]

I plan on adding redux toolkit! I have a video on pagination already if u are interested :) About graphql, I already have a full gql course that includes react in it if u are interested: kzbin.info/aero/PLpPqplz6dKxXICtNgHY1tiCPau_AwWAJU

[@guillemmartinezz]

dude you're amazing thank you

[@sonamohialdin3376]

So good tutorial clear explanation

[@PedroTechnologies]

Glad it was helpful!

[@daivarajackiene9048]

very clear, thanks

[@fazaljarral2792]

Finally understood useState :)

[@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} ); }

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

[@syedhamz801]

Easy and well explained

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

[@rhiannonmonks6894]

This is a beautiful video.

[@PedroTechnologies]

Thank you very much!

[@divyarajsinhchampavat2873]

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

[@38911bytefree]

Thanks so much Pedro.

[@abhijithsubash6160]

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