DEV Community

How not to update states in React!!

Nehal Mahida on October 23, 2021

How do you guys update your state if it depends on the previous value? Simple!! ... const [counter, setCounter] = useState(0); const updateCo...

Read full post

Andres Ausecha Mosquera • Oct 23 '21

Usually the first one works fine, but sometimes when you have a state that updates very frequently the second one is the correct. Good post

Nehal Mahida • Oct 23 '21

Thanks, glad you like it. 🤗
It means a lot 🙏🏻

Rehan Zaheer Zaheer ahmed • Oct 23 '21

I want to connect web3 with react. Can u provide me a better guide to interect from react to a solidity smart contract through web3. Thank u

Nehal Mahida • Oct 24 '21

For web3, I may not be the right person to ask but I can connect you with people who are good at it.

@vittostack @oliverjumpertz are the best to ask for 😃

Rehan Zaheer Zaheer ahmed • Oct 24 '21

Thank you

Casey 💎 • Oct 25 '21

Check out buildspace.so - they have cohort projects AND open source material, so you can skip the wait and just review their info in their repos

Nehal Mahida • Oct 25 '21

Thanks for sharing, I hope it helps @rehanpia

Nehal Mahida • Oct 24 '21

Thanks, man, You put great points 🙏🏻

Trust me it adds value to my post.

Regarding the title, Yes the first approach works most of the time.
But don't you think if programmers follow the second approach from starting itself, they don't need to worry about state updates ( asynchronous or synchronous) at the end?

As the world moves towards pair or group programming it is a good habit to make a RIGHT approach a default one. 🤗

Happy Coding!!

Nehal Mahida • Oct 24 '21

You are right. My article is all about when you need the previous value of the state then and then you need to use the callback function in setState otherwise it's fine.