Learn React Click Events 👆

Поделиться
HTML-код
  • Опубликовано: 3 янв 2025

Комментарии • 39

  • @BroCodez
    @BroCodez  Год назад +8

    function Button(){
    const handleClick = (e) => e.target.textContent = "OUCH! 🤕";
    return( handleClick(e)}>Click me 😀);
    }
    export default Button
    function ProfilePicture(){
    const imageUrl = './src/assets/profile.jpg';
    const handleClick = (e) => e.target.style.display = "none";
    return( handleClick(e)} src={imageUrl}>);
    }
    export default ProfilePicture
    import Button from './Button.jsx'
    import ProfilePicture from './ProfilePicture.jsx'
    function App() {
    return(


    );
    }
    export default App

    • @mrcoder96
      @mrcoder96 Год назад

      Do react native videos as well

  • @nemesisxl6736
    @nemesisxl6736 Год назад +5

    THANK YOU SO MUCH FOR THE REACT CONTENT! 😊

  • @mohammadbakeer4247
    @mohammadbakeer4247 Год назад +5

    I am learning react this month and ur videos make it very easy to understand. I am currently trying to become a pro at use state

    • @AwkwardCompilations
      @AwkwardCompilations 2 месяца назад

      Where are you now? and what you doing?

    • @mohammadbakeer4247
      @mohammadbakeer4247 2 месяца назад

      @@AwkwardCompilations I created a fantasy football web app from scratch. it took a lot of commitment and I was forced to learn more about react and redux to make it work. Now I am looking for work

  • @GiftMthimunye
    @GiftMthimunye Год назад

    Best teacher on the planet. since I started coding no one teaches me better fr

  • @KshitizMainaly
    @KshitizMainaly Год назад

    Hey Bro Code love your videos, brother! 🙌 Hoping to see more awesome content on React. Keep up the great work! 👍

  • @tonytodd7011
    @tonytodd7011 Год назад +1

    Thank you Bro, this lesson is great! Could you please continue making React.js lessons?

  • @kyawmying224
    @kyawmying224 Год назад

    Very effective lesson

  • @carlosnucette6927
    @carlosnucette6927 6 месяцев назад +1

    Nice tutorial. Just a note {handleClick} === {(e) => handleClick(e)} there is no need to wrap the callback in this case.

  • @ShashankJ04
    @ShashankJ04 Год назад

    Ty for your effort and time. More react content and maybe with ts or helping how to migrate to ts would be beneficial.

  • @IAmIshanSaxena
    @IAmIshanSaxena 10 месяцев назад +5

    Bro stop clicking me. 🤣
    Sounds exciting

  • @kl-nj4qo
    @kl-nj4qo Год назад +1

    Thank bro .

  • @KaungIsHere
    @KaungIsHere Год назад

    Thanks,mate❤

  • @shahabz24
    @shahabz24 6 месяцев назад

    thanks you so much

  • @otabekmadaminov-z2i
    @otabekmadaminov-z2i 4 месяца назад

    Tank you bro

  • @hunin27
    @hunin27 Год назад

    Thanks ❤

  • @Taptreasure
    @Taptreasure Год назад

    Hi my bro, could you please upload more videos on react I love your way of explaining and I have exam ln it soon

  • @kathikr9360
    @kathikr9360 8 месяцев назад

    thank You

  • @shivanshuhere
    @shivanshuhere Год назад

    Noice ❤

  • @muhamadrijalfauzi3298
    @muhamadrijalfauzi3298 Год назад

    Hellou brou🙌 i am stevan from indonesia, i am sorry for stoped stream Earlier 🙏🏻

  • @Taky_Sensei
    @Taky_Sensei Год назад

    Finally dude

  • @andromilk2634
    @andromilk2634 11 месяцев назад

    Is there a reason why you decided to start your file path to your image with "src" instead of just going directly to the folder ./assets/profile.jpg ?

    • @Dror101
      @Dror101 9 месяцев назад

      because it is straight forward. Even if you put ProfilePIcture.jsx file somewhere else, you won't have to change the path.
      Also, the path might be '/src/assests/profile.jpg' with the dot (.) at the beginning.
      Sidenotes: If you are moving files within VS Code, it does automatically change the path for you though.

  • @benhur221
    @benhur221 Год назад +2

    What's the emoji extension?

  • @ShilaChakraborty-z3h
    @ShilaChakraborty-z3h Год назад +1

    I cannot load background image in css in vs code .it is showing error help me

    • @Evil_E_ye
      @Evil_E_ye Год назад

      Put it in the public directory and access it as "/image-name"

    • @fatkneegar
      @fatkneegar Год назад

      what error could you elaborate?

  • @jonathanborics4793
    @jonathanborics4793 11 месяцев назад +1

    how to add emoji in react?

  • @Blitz61wasd
    @Blitz61wasd Год назад

    Django course please

  • @rebornlegend1456
    @rebornlegend1456 Год назад

    Bro can u plz make a playlist for linux shell script

  • @adamczarny6482
    @adamczarny6482 Год назад

    perfect after gym while eating motherfucking eggs