ReactJS Tutorial - 11 - setState 

This whole series is perhaps the best React series that I’ve seen. I like how you’re showing one way, and then another way.. so it is apparent how each change effects whatever you’re doing. That’s very effective for me. Thank you!

Vishwaas you're an amazing teacher. You know how to structure a course and deliver content very well without causing any confusion in the learner's mind. I'm currently on this video and I don't intend to leave my room until I watch the entire series. Thank You so much.

The best react series anywhere, really. If you read the docs in conjunction to each of these videos, you learn very swiftly. These examples demonstrate the core react/JS fundamentals. Thus is great!

Hi guys, I will leave this here, just in case it could help someone: In the last example, he wrapped in parentheses everything after the "=>" ...I searched for that and found the following: "Using arrow functions with object literals: If you are returning an object literal, it needs to be wrapped in parentheses. This forces the interpreter to evaluate what is inside the parentheses, and the object literal is returned ( example: x => ({ y: x }) )"

Hello Vishwas... Loving this series so far! I love the way you teach and leave no stones unturned while explaining a concept... Thank You V!

I think, probably you are the best teacher on youTube for react. The way you explain each and every concept is really amazing.

I like how you create various scenarios to demonstrate important react concepts.

this has to be one of the best React Tutorial playlists i've seen thank you so much for the content !

One of the best React lessons in RU-vid! Clear and easy to understand!

You are a good instructor. A lot of these tutorials give the imporession they are just an experienced programmer showing off. You break down the steps to the level of a beginner React student who doesn't tune into the gobblede goop technical explanations that would make sense to an advanced programmer looking at a single function. Thank you for making this course.

Seriously the best explanation available on this subject, even compared to paid courses. Thank you so much!

The quality of these videos are superb, just look at the like to dislike ratio

0:25 extension ES7 React of Visual Sudio code 4:59 why we should never modify the state directly: the state.count is changed only in console, but not in screen (react does not re-render the component) 9:11: what if we want to execute some code after the state has been changed: use call back function. 11:00 pass afunction to the setState 13:54: summary about setState

I am seeing so many good reviews about the course. I have to add my two cents. This is absolutely....phenomenal. Vishwa does a great job, lays out everything so well in manageable size chunks. Thank you very much for putting this together.

Thanks alot for your valuable time and effort in making these videos.

Extremely well put together tutorial. You have set the gold standard.

THank you a ton, u are the only one explaning so explicitly setState() the second parameter and when/why to use it(after I watched 4 other tutorials with more subs and view counts), u should get more subs! also repost in another video

This is the kind of tutorial, I was looking for. Its a great place to learn new languages. Thanks a lot Vishwas!

I'm really enjoying your series. Thank you so much.

All I ever wanted from you was to click on the INCREMENT button more than once :(

That cleared a lot of things for me. Thanks for the tutorial bro!!!

A very thorough explanation thanx a lot. I understand react simply because of your tutorial. A million thanks 👏👏👏

Just wanted to say thankyou for this amazing series !

codevolution this is amazing. very simple and structured !!

This React series is best as can and I an thankful too you. In frist two videos I had my doubts but now I have no doubt.

Watching your videos. I must say you are really really amazing teacher. You present really well. Good luck

Amazing! You are such a great teacher

Very thankfull to your videos, following complete playlist and feeling like more confident then ever. Still 2024, these videos are working for us. Thank you 🙏

I like your way of speaking, it is slow and it helps me understand a little better since I don't have much knowledge of the language

I liked your video. Very instructive and easy to understand.

This series is a true gem! I've been watching it in January 2023, even after 4 years, it still holds up. I commend the effort and dedication you put into making these videos. Keep up the fantastic work!

Your teaching style is fantastic and awesome. My standing ovation for this course.

you are the best Vishwas!!

Your explanations are better than online courses

I've pressed the like button three times👍👍👍. your video helps me a lot to learn react quickly

loved the content and the way you explained with do's and dont's❤❤👏👏👏👏

This is very helpful!. Thank you so much :)

I am fan of your course. thanks for your teaching.

In stead of executing your code in the callback function which can get cluttered, you can also make your increment function an async function by placing the async keyword in front and placing the await keyword in front of this.setState(...); This way you can organize your code better. Nice series btw. Keep up the good work!

Your explaination is awesome.Helping me lot to understand react concept.

Thanks , i didn't knew about 2nd parameter in setstate which is a callback function that helps in using modified state value .

Thanks to vishwas, ur knowledge help me to do my office project. Thank You

best React tutorial! Thanks!

This is great stuff!! Thank you so much for this!!

Very detailed explanation about each concept much appreciated....:)

took 1hr to completely understand this 15 min video.. worth it

prevState is defined by the setState function. So basically if you add a function to the setState method the argument for the function enter in the setState method is automatically the previous state. It's not predefined by the programmer, it is defined by the setState function.

great series you covered everything and details

do not understand how the prevState value is updated when passing through setState method

you are the best teacher in the world.

thank you for this beautiful content 😍😍😍

Thankyou for your amazing tutorials

very well explained. much better than any udemy course :-)

I def have to rewatch this one

Great video tutorials!

3:00 within render method in class type component we call object named as this state along with its key named as count

You are amazing man..Thanks for these free million dollar stuffs

550 likes vs 3 dislikes. Brilliant quality and highly underrated!

Sir ur teaching is simply superb and nice explanation

thank you so much man, I subscribed

Awesome videos brother....thank you soo mcuh

Which extension are you using which makes the arrows in arrow function looks like a perfect arrow rather than like =>

Hello apart from the context can we create the separate jsx file with all common imports because it increasing the length of files. Please do reply .

Sir, you are the best.

Hi, I come to the incrementFive() method and realized it does the work even without changing from the object literal to the function call. Is there any update on this?

Well Explained thank youuuuuuuuu so much !

Simply u r great!

very informative thanks!!!

awesome explanation 🙏

It is really helpful. Thanks.

Thankyou Great Course

I like your tutorial. Thanks

awesome video!

Thank you so much sir ❤️

I feel I chose the right channel for React Tutorial

Hi Vishwas.. i got one doubt for this setState concpt. after using class using Constructor and super method in brackets mentioned Props. actually constructor uses to initialize the classes right. why will use props in bracket. i observed now i removed props in bracket. then i got same output. what is the difference between that.

Why did we pass in props in the constructor? Can you please explain that part. I know that it is a default by the snippets library. But which is the case where we definitely need to put them in, as in this case, we could have directly ignored them.

It's 2024 and we do not use Classes as much anymore. Focus on functional components and hooks, as they are the future and present of React. However, having a basic understanding of class components is still valuable for working with older codebases and gaining a well-rounded knowledge of React.

Super! Thanks 😊

Best react series

Hi guys, even I was confused about the prevState but since he spoke about passing function as args I tried below and it works: prevState() { //function to return currentState value return this.state.count; } increment() { this.setState(prevState => ({ //use abv function to get current value count: prevState.count + 1})) console.log(this.state.count) } Hope this helps and I'm a beginner too so feel free to correct me if any mistake

The series is absolutely perfect.. Congratulations. Regarding the setState, I have the following concern that it is not clear to me so far. As mentioned in the video the calls to setState are asynchronous and if console.log not included as a callback function the result is one less than the actual state. If this is true how the render method {this.state.count} lists the correct state and not one less?

man u r a legend! u r saying the method prototype structure clearly. setState (object, callback). has disadvantage, so we will use setState(function, callback). Wow and you clearly explained console logs wont be in sync, unless kept in callback (which took me a day to find, luckily reached ur utube video). 1. only 1 big 'div tag in render 2. setState({count: this.state.count+1}) - updates value on screen. this.state = this.state - wont work. - modifying the state directly 3. Calls to setState are asynchrous ie; but console old value - to make it in sync - use in callback func of setState. ie; entire usage of that variable in that file must be inside setState method so that it gets updated value… 4. whenever gonna access prev value of a state and gonna update, always pass a "function with prevState" as 1st parameter, instead of an "object" - like an increment If this method called many times, still value will be increased only once. For this not happen, need to pass previous state as a parameter and in a function. (4th point)

Thank you! Thank you! Thank you!

Great video...Thanks!

Why we are using this in increment function can we use only increment()?

amazing work...thanks.

cool tutorials bro

In spite of writing call back function we can also write code as count:this. state.count+=1. It also gives same response.

@ 1:36 how does the < counter > attribute changes to jsx syntax . Does any one know?

I love you Vishwazzz. Peace be upon thee, broov.

Amazing Video

@Codevolution how to edit state partially meaning only to update few state variables?

you doing GREAT job thank you!!!!!!!!!!!!!!!!!!!

Im using the component state in the value attribute at input like value={this.state.variable}. In the event change handler im uppercasing the input value. Internally the state value displays at UPPERCASE but the value text at input UI displays lowercase. Can you provide me an example? Please im new

thank you for react series

Do you need to bind the state if you use no arrow function?

Very very good till now.

Wouldnt doing increment(value){ this.setState( { count: this.state.count + value }, () => { console.log(this.state.count); } ); } and then incrementFive(){ this.increment(5); } also work? Can you explain the difference?

completed 11th Video. Thank you 🙂