React useEffect() hook introduction 🌟

No video

React useEffect() hook introduction 🌟

Рет қаралды 23,573

Bro Code

Күн бұрын

Пікірлер: 45

@BroCodez 7 ай бұрын

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 7 ай бұрын

@MO-vr1mw 7 ай бұрын

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 7 ай бұрын

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

@elitegaming8565 7 ай бұрын

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

@dasdisdus774 2 ай бұрын

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

@karan0611 22 күн бұрын

bro code bro 😅

@yuvaranip9544 7 күн бұрын

😂@@karan0611

@arcaneacademia 3 ай бұрын

You explain things in a simple and straightforward way.

@Pywyoyuyp 2 ай бұрын

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

@houdariyad4889 7 ай бұрын

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

@bostongreen1629 2 ай бұрын

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

@hananfadah 6 ай бұрын

The best introduction! Thank you! 😃

@Build33_Studio 7 ай бұрын

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

@zahersankari7342 22 күн бұрын

you're a legend!

@martinemmerson2809 7 ай бұрын

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

@Vincent_12770 7 ай бұрын

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

@kathikr9360 4 ай бұрын

thanks for the amazing work brother

@KBHASKAR- 3 ай бұрын

Thanks

@durgfestivalvibes 2 ай бұрын

great video bro!!

@KingOfMadnesss 7 ай бұрын

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

@Niyaz_karma 7 ай бұрын

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

@LazizbekTurayev-bs8by 4 ай бұрын

thank you bro code you have helped alot to me

@FrostyBlue1712 7 ай бұрын

Hey Bro, Noice vid

@NoTimeWaste1 Ай бұрын

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

@codegenesis2130 7 ай бұрын

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.

@minkhant4167 5 ай бұрын

thank you you are the best

@marybenish9716 7 ай бұрын

Amazing

@MusaMuhammedOlayinka 6 ай бұрын

Thank you 😊

@BishanTamang-rk5ji 7 ай бұрын

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

@andromilk2634 6 ай бұрын

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

@user-oy2mi4oz7t Ай бұрын

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 ?

@andromilk2634 6 ай бұрын

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?