React Hooks Tutorial - 8 - Conditionally run effects

📱 Follow Codevolution

Conditionally run effects in React

[ZhDinerstein]

Fantastic explanation. The comparison btw how this works in a class vs functional component made everything very clear. Thanks for breaking this down!

[rakesh]

Best React Tutorials I've came across! Hats Off to You :) This gave a lot of clarity on my understanding of react and its features! Much love! God Bless You :)

[conaxliu]

Hey! How's that 'not equal' symbol created at 3:36? I could only use '!=='.

[tayyabkhanshinwari]

Sir Please can you make complete project on the basis of this series? and sir one more thing make a series on code splitting using hashrouters, reactrouters and links etc.

[adamspiteri]

Hi Vishwas, I am curious to know why in Tutorial 3 of this series, you explain when modifying a state to use the previous state for the equation and here, you modify the state directly? Example: Tutorial 3: setCount(prevCount => prevCount + 1) Tutorial 8: setCount(count + 1)

[vigneshgvs]

useEffect - 2nd parameter - arrays of variable the effect depends on.
1st parameter - arrow function on what to be done.
to conditionally run effect on a certain state variable:
in class: if condition
in func hook: 2nd parameter

[tanaynagar]

Just had one question, after implementing the log statement inside the useEffect(), why is it no getting logged with the initial render of the page? In your case its only getting logged when you click on the button. But for the first time the page loads, the useEffect function should be executed right?

[Pantalonians]

51st video in the playlist and the first one I'm commenting on . For anyone reading this 5 years after publishing. These are still very relevant in 2024. I highly recommend going in order of the playlist.

You can really appreciate Hooks after seeing how classes deal with these requirements. It also helps you understand the lifecycle much better!

Thanks Vishwas you have been a great teacher so far. Can't wait to be comfortable enough to get to NextJS

[tejveersinghbath]

Best React tutorial on the internet !!! Hats OFF

[skverskk]

Love the way you take your time and explain everything in simple and easy to understand terms

[toannew]

0:15 the problem when run effect after every render: useEffect hook is called after every single render
1:00 use effect with class (old react version)
7:15 code

[radojicicugo]

if you are not a professor, consider that invitation! You're doing this great. Thanks :))

[HM_Milan]

Your so great amazing voice any. Dumb can understand becos your so clear amazing keep it up

[whysumancode]

Everything about this EP08

To run conditionally useEffect, we need 2nd parameter i.e array

useEffect(()=>{}.[count])

here if the count value is not changed then useEffect does not render.

That's it.

Easy na...?

[Rituzzz]

in useEffect code, that line is getting printed in console even when I haven't clicked/typed anything, initial render also prints in console, but why is that not happening in your case even with the same code?

[snehgour]

I can't imagine that this topic can be explained so simple, Fantastic

[sergiolenoo]

dude...this explanation is pure gold! greetings from Brazil!

[ummi]

Can someone plz let me know what is the comparison operator used between prevState.count and this.state.count ??

[bhanujatinsinghbainsla]

Can you plz talk normally content and teaching is superb but the voice is bit irritating ....

[VIjayKumartheho]

I see UseEffect is getting triggered on initial render as well. Is the exact functionality of useEffect to get triggered on render and re-render time correct???