Avoid UseEffect in react to execute on every updates

React virtual DOM is one of the most important features of reactjs which is has high performance impact on react applications , but this feature is kind of knife that could be awful if misused .

A misused case of that ,wouldn’t be care of when components should be updated (class or functional) or made react to unlimited rerender in a loop .

useEffect (()=>{},[]) hook came to take care of effects and changes in functional component , this hook would be executed in two different senario :

1-Execue once a time when component mounted if pass empty array to second argument

2-Execute each time something get change like props or other hooks or even parent reRender in some conditions

But if we need just know about a particular changes like a particular props or variable we have to pass that into second argument like this

const [count,setCount]=useState(0);

useEffect (()=>{do something},[count])