React useEffect() hook introduction 🌟

[@BroCodez]

import React, {useState, useEffect} from "react";
function MyComponent() {
const [width, setWidth] = useState(window.innerWidth);
const [height, setHeight] = useState(window.innerHeight);
useEffect(() => {
window.addEventListener("resize", handleResize);
console.log("EVENT LISTENER ADDED");
return () => {
window.removeEventListener("resize", handleResize);
console.log("EVENT LISTENER REMOVED");
}
}, []);
useEffect(() => {
document.title = `Size: ${width} x ${height}`;
}, [width, height]);
function handleResize(){
setWidth(window.innerWidth);
setHeight(window.innerHeight);
}
return (
Window Width: {width}px
Window Height: {height}px
);
}
export default MyComponent;

[@rumanhasan27]

[@MO-vr1mw]

Can you do Laravel please

[@arcaneacademia]

You explain things in a simple and straightforward way.

[@elitegaming8565]

first, Subsciber from 2 years
Your Javascript and Python Course is The Best
Love from India ❤❤❤❤

[@Build33_Studio]

Bro code pls reply to me i love your work❤❤❤🎉🎉🎉

[@akkun_25]

I appreciate you so much bro
helping us out and taking from your time to teach us coding for free
and gathering money for kids from your videos
all that and doing that in a fun way for viewers
W man
W to your parents

[@milleniummoses]

This is my fourth tutorial on this subject ad neth first one I really grasped. Thank you for your time.

[@AIZEN155]

Fu*k logic mathematique , code bro is the best

[@Vincent_12770]

After reacjs series could you please introduce nodejs or even golang series.... mostly for microservices

[@bperseid]

only video that ı understood useEffect thanks man more videos please never leave us :)

[@KingOfMadnesss]

You should do a course on SFML (A C++ library)

[@DeveloperLinux-c3m]

if i use multiple useState will it affect the performance of the web app, Will it affect the time complexity

[@Albert_Hall]

Very interesting and easy absorbable narration 🎉
Express: (i) => { Sincere gratitude }

[@منالبوخالفة]

does this happen only in react js part of code ? i mean the millions of added listeners .. or it happens in normal js file too ?

[@hawkar7kurdish440]

what is Side Effect? please someone explain briefly

[@dasdisdus774]

This is the only tutorial (especially useEffect) that I can easily understand than others. Thank you so much Bra Code 🙏

[@karan0611]

bro code bro 😅

[@yuvaranip9544]

😂​@@karan0611

[@syedmajid3202]

thanks a lot bro, very helpful!

[@Niyaz_karma]

Where would you learn to code if you started over❤❤

[@NoTimeWaste1]

1:51 This is one of the reason why I came here

[@otabekmadaminov-z2i]

thank you bro

[@mk-vg1mx]

[@zahersankari7342]

you're a legend!

[@alan_ars]

You saved my homework!! Your explanation is very clear!! Keep your awesome work!! Thank you!!

[@andromilk2634]

By the way, wouldn't using document.title = ... directly in the component be equivalent to useEffect(() =­> {document.title = ...}) ? In both cases, they are executed after each rerender?

[@FrostyBlue1712]

Hey Bro, Noice vid

[@andromilk2634]

The only thing which I'm not sure of following is when does exactly a component unmount? Is this something which you manually have to do? Since you were able to change the title of your window by listening to the event, then I assume it never unmounted? (In other words, unmounting is done manually by you?) thanks

[@bostongreen1629]

Exceptional in the way you teach. Any chance to have the codes of the examples provided?

[@codegenesis2130]

Hi bro thank you so much for this.
Can you please make a detailed react course instead of individual video about topics? Please make a video on next js also.

[@Pywyoyuyp]

This tutorial was on point. Thx! Now I am ready for a more complex examples!

[@houdariyad4889]

Our Bro is the best as always !Appreciate ur effort ! Don't know what to do without ur videos 💓 Lots of Love from Morocco 🌷🌷

[@martinemmerson2809]

Hi Bro, love this course on React 👍👍. Hope you can keep going into more advanced levels. 👍👍

[@BishanTamang-rk5ji]

Make java 2024 plz....Big fan love from Nepal

[@LazizbekTurayev-bs8by]

thank you bro code you have helped alot to me

[@durgfestivalvibes]

great video bro!!

[@hananfadah]

The best introduction! Thank you! 😃

[@rishabhkedia9304]

Please make Reactjs projects as well

[@kathikr9360]

thanks for the amazing work brother

[@rifatmunna]

can you make redux video?

[@MagnusAnand]

Have you tried htmx ??

[@MO-vr1mw]

Can you do Laravel please

[@suwanthadarshana8495]

Can you do spring boot series

[@minkhant4167]

thank you
you are the best

[@KBHASKAR-]

Thanks

[@warlordff2395]

69th like🤪

[@hola_officia]

Thank you 😊

[@marybenish9716]

Amazing

[@ruslangilyazov7733]

I appreciate you so much