React's useEffect hook combines componentDidMount, componentDidUpdate and componentWillUnmount lifecycle methods. This is very useful for the follo...
For further actions, you may consider blocking this person and/or reporting abuse
Is there a way to implement other Life Cycle Methods e.g., shouldComponentUpdate, which I guess mostly people use with React.PureComponent or that is what I have heard and learnt in interviews.
There is also other way to do it. I guess by using React.memo() function so how can we do that with functional component?
your post is simple but very nice and easy understand about
useEffect
Small typo in the last code snippet. I believe you meant
componentDidMount
rather thancomponentWillMount
in the first comment.Also equivalent instead of eqivalent.
Good catch. Thank you, I've fixed it now.
In addition to my previous comment, it is incorrect to say the dependency array doesn't affect the cleanup fn returned by the callback.
It is equivalent to
componentDidUnmount
if an empty array is passed, otherwise it will run whenever a dep changes, after the component has rendered with new props.Double checked with docs, you're right. I've fixed the post. Thank you again.
I believe
useLayoutEffect
would be more accurate here.It depends on the use-case. UseEffect is generally more preferable.
How do I use componentWillMount() in useeffect?
I was asked this today in my interview. I had no answer.
Please let me know
ahh okay thank you :)
I love that this article was simple and easy to understand! Thanks