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!

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 }) )"

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

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.

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

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 like how you create various scenarios to demonstrate important react concepts.

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!

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.

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

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

One of the best React lessons in UKposts! 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.

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.

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

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

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

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!

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

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

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!

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

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

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

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

Your explanations are better than online courses

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 🙏

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

Just wanted to say thankyou for this amazing series !

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

Amazing! You are such a great teacher

codevolution this is amazing. very simple and structured !!

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

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.

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.

you are the best Vishwas!!

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

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

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

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

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

best React tutorial! Thanks!

I def have to rewatch this one

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

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

great series you covered everything and details

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

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?

Sir, you are the best.

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

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

Thankyou for your amazing tutorials

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

Sir ur teaching is simply superb and nice explanation

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

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

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

man i am sure some one has said your voice is like juhar singh the media person...amazing similarity in voice...any way great lecuture indeed

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)

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

thank you so much man, I subscribed

you are the best teacher in the world.

Actually you missed to change the code from Increment Five to Increment. Otherwise, the code is working perfectly fine.

I feel I chose the right channel for React Tutorial

thank you for this beautiful content 😍😍😍

Instead of like this we can directly pass props to jsx function-- // import React from "react"; import React, { Component } from 'react' class Increment extends Component { constructor(props) { super(props) this.state = { count:0 } } incre(count){ this.setState({ count:count+1 }) } decre(count){ this.setState({ count:count-1 }) console.log(count) console.log(this.state.count) } render() { return ( count : {this.state.count} this.incre(this.state.count)}>Increment this.decre(this.state.count)}>Decrement ) } } export default Increment

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

Well Explained thank youuuuuuuuu so much !

7:23 setState has two params where first param is this setState and second param is fat arrow callback function

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

completed 11th Video. Thank you 🙂

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

Thank you so much sir ❤️

Simply u r great!

I've seen some people use direct state modification followed by forceUpdate(), I guess that's a neat way to avoid setState() shenanigans.

Best react series

awesome explanation 🙏

Great video tutorials!

Hello if it's possible ,please make a full tutorial on react NATIVE ....tnx

Awesome videos brother....thank you soo mcuh

thank you for react series

greate explaination u have not explain previous video about functional component with state only explained class component

For the 'rce' then Tab trick to work, you must install the 'ES7 React/Redux/GraphQL/React-Native' extension for vscode.

It is really helpful. Thanks.

very informative thanks!!!

Hello dude !! Can you teach me how to make multiple choice question and answer app?? You are the one who’s teaching this way!! You are awesome

Thankyou Great Course

simple soluation for all that code : instead of using call back function in setState and in last example using arrow function as a parameter to setSate , you can just make: this.state.count +=1 instead of this.state.count +1 . I wish it help someone.

2:22 this state is an object and its property aka key is assigned a value within constructor

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.

at 6:01 , since we are using "this" in the context of the increment function shouldn't it be undefined? But the increment function is running fine here edit: Okay now, it seems that if you call the function in an arrow function in the event of onClick it will work as react for us binds the "this" keyword and hence it works fine

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 .

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?

I don't comment on youtube videos but i had to comment this, I went through a lot of react tutorials still i was not able to understand this topic clearly. Your video has helped me alot. Thank you.

I loved bro Please do more about React

amazing work...thanks.

Thank you! Thank you! Thank you!

Very very good till now.

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