DEV Community

Last minute guide to React.useEffect()

Bikash Mishra on September 02, 2021

React.useEffect() is one of the React hooks that manages side-effects in functional React components. You can do so much by writing so little with ...
Collapse
 
rmorse profile image
Ross Morsali • • Edited

Great article! useEffect can be used in so many ways - I've also started using useLayoutEffect for certain things.

Also: something I learnt recently, if you add javascript to your code blocks you will get syntax highlighting 🥳 dev.to/hoverbaum/how-to-add-code-h...

Collapse
 
mateusvellar profile image
Mateus V. Vellar •

Works for GitHub markdown as well. You can use javascript or just js or even jsx or graphql

Collapse
 
forkbikash profile image
Bikash Mishra •

Thanks @rmorse . Just edited my post after reading your blog. It was amazing.

Collapse
 
rmorse profile image
Ross Morsali •

Look great!

Btw the article I linked was by someone else, I just read it recently when writing my first dev.to post 😃

Thread Thread
 
forkbikash profile image
Bikash Mishra • • Edited

Sorry, I didn't see that😅. Anyway, you are the one who helped me get in touch with the article. Thanks for that.

Collapse
 
ashvin777 profile image
Ashvin Kumar Suthar •

Does useEffect dependencies watch nested object changes ?
I just want to understand whether its deep check or ref change check.

Collapse
 
forkbikash profile image
Bikash Mishra • • Edited
Collapse
 
ashvin777 profile image
Ashvin Kumar Suthar •

Ok basically its ref checm

Collapse
 
dhanbycode profile image
dhanbycode •

Great, I always like to read detailed articles like this

Collapse
 
forkbikash profile image
Bikash Mishra •

Thanks @dhanbycode .

Collapse
 
saroj8455 profile image
Saroj Padhan •

Great 👍

Collapse
 
forkbikash profile image
Bikash Mishra •

Thank you @saroj8455