useEffect Crash Course - Learn How to Execute Code on Changes

This is a very important react React hook that allows you to execute code when a variable changes.
This is the 2nd part of a long React Hooks series.
GitHub Repo:
github.com/har...

[@saarza9991]

Key take away points:
1) useEffect always executes at the beginning.
2) if no variables are added in the dependency array, the useEffect will execute itself everytime it detects a change on the webpage.
3) If a variable is added in the dependency array, it only executes if it detects any change in that variable.
4) useEffect can be used as a mounting function (ie, one that executes only once), by passing in an empty dependency array. That way it executes only once, that is when page is loaded.
5) Cats>>>Dogs

[@renangaldino6538]

Aulas Cria!!!
Greetings from Brazil, this is the best react tutorial I've watched so far Thanks!!!

[@godisgreatagu]

Amazing crash course...Also just to note, whenever we use a SetTimeout, we need to save it and clear it in the cleanup function.
Thanks laith

[@FilipeLeonardoM]

Okay, you're awesome! LOL cats + Laith = perfection
Thanks a lot to your videos, please, keep doing this great teaching method!

[@buuoltwo6811]

Amazing video! And I would like to mention that it's nicer to define the async function (fetchImage) in your specific effect.

[@Salah-YT]

thank u so much bro keep it up good work bro

[@sofumzo3219]

Thank you so, so MUCH!! This Perfect timing for me and Brilliant Explanation

[@Zagoorland]

Please make MobX course! There is no much in this field on youtube!
Love your courses :) keep it up!

[@resulefendiyev139]

The NaN occurs when you click on H2 element which has no id

[@laithacademy]

Yup that makes sense, good catch

[@adnansheikh9208]

Your videos are really helpful. Keep uploading. Can you please upload videos related to Formik, Yup, Ant D, React router

[@woofcode3383]

This is great! thanks so much!

[@jawadmedi8109]

That's great! 👍👍👍

[@endernator]

very good thank you

[@germain1984]

Could the same outcome be done with a ref? creating a ref and having a .current check is true conditional within a useEffect to just do something once on mount. Please do a video on useRef()

[@michaelantoni8323]

Thank you sir

[@spellsaif]

Thanks for this :)

[@mahendranath2504]

nice thank you

[@saadowain3511]

Thanks bro ..

[@Hemanthkumar-ui6iv]

Please create an crash course on micro frontend using webpack module federation and aws deployment