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

[@milleniummoses]

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

[@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

[@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

[@arcaneacademia]

You explain things in a simple and straightforward way.

[@abhishektiwari7643]

His tutorials boost my interest in coding

[@alan_ars]

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

[@bperseid]

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

[@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 🌷🌷

[@hananfadah]

The best introduction! Thank you! 😃

[@jane_rosso]

Respect and Love from India💗💗😇😇

[@hola_officia]

Thank you 😊

[@kathikr9360]

thanks for the amazing work brother

[@martinemmerson2809]

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

[@NoTimeWaste1]

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

[@syedmajid3202]

thanks a lot bro, very helpful!

[@ADB29_GolamRabbani]

thanks for this video Bro❤❤

[@Vincent_12770]

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

[@swarnakadeepashan5277]

Crystal clear

[@bostongreen1629]

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

[@Niyaz_karma]

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

[@marybenish9716]

Amazing

[@FrostyBlue1712]

Hey Bro, Noice vid

[@LazizbekTurayev-bs8by]

thank you bro code you have helped alot to me

[@durgfestivalvibes]

great video bro!!

[@BishanTamang-rk5ji]

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

[@KingOfMadnesss]

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

[@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.

[@Zaher24]

you're a legend!

[@minkhant4167]

thank you you are the best

[@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?

[@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

[@DeveloperLinux-c3m]

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

[@Zomoroda89]

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 ?

[@otabekmadaminov-z2i]

thank you bro

[@Build33_Studio]

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

[@MagnusAnand]

Have you tried htmx ??

[@nadicadizdarevic2835]

Thanks !!!

[@suwanthadarshana8495]

Can you do spring boot series

[@KBHASKAR-]

Thanks

[@rishabhkedia9304]

Please make Reactjs projects as well

[@hawkar7kurdish440]

what is Side Effect? please someone explain briefly

[@rifatmunna]

can you make redux video?

[@MO-vr1mw]

Can you do Laravel please

[@xenos112]

Fu*k logic mathematique , code bro is the best

[@mk-vg1mx]

[@Albert_Hall]

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

[@warlordff2395]

69th like🤪

[@ruslangilyazov7733]

I appreciate you so much