React Click Events | Learn ReactJS

[@DaveGrayTeachesCode]

React is a Javascript library, and just like Vanilla JS, React can respond to many events. The most common of these events is probably the click event. This tutorial will give examples of the various ways implement and respond to click events in React. Just getting started with Javascript? If so, I suggest starting with my full 8 hour Javascript tutorial for beginners here: kzbin.info/www/bejne/e5eknWyYrN-JkM0

[@nawshadosman7810]

you worth millions of subscribes, thank you

[@DaveGrayTeachesCode]

You're welcome! I appreciate your kind words. 🙏

[@AunSyedShah]

An awesome explanation of events and references.

[@DaveGrayTeachesCode]

Thank you!

[@HoldenTudiks81]

Love these videos ❤

[@World_information5568]

Thank you so much Dear Sir for this series ♥️ . Please make this series to advance level

[@DaveGrayTeachesCode]

You're welcome! Yes, starting at the beginning and working my way up! 🚀

[@World_information5568]

@@DaveGrayTeachesCode♥️♥️ 😊♥️♥️

[@andrewclarke6916]

@@DaveGrayTeachesCode Don't forget to include Redux!

[@1conscience0dimension]

How did you read in my mind ? Exactly this question at the end :)

[@ercntreras]

Awesome!!

[@DaveGrayTeachesCode]

Thanks! 🙏💯

[@ice12328]

Super explanation

[@immortalaigs4203]

Thank u. i ended it!

[@rangabharath4253]

awesome as always :-)

[@DaveGrayTeachesCode]

Thanks again!

[@markeem321]

Hi Dave. Do you handle in one of your videos, switching from Event bubbling to capturing in React? I would like to intercept an event from above. Question Two: Do u have a Patreon account :) ?

[@DaveGrayTeachesCode]

I don't have one for event bubbling & capturing in React, but I do have one for JavaScript - and React is a JS library: kzbin.info/www/bejne/i4e1daRjrNOZnc0 And thanks for asking about Patreon! I'm just starting one but it is not ready yet. I do have a BuyMeACoffee page: www.buymeacoffee.com/davegray

[@midouwebdev2224]

Thanks 🙏🏻

[@DaveGrayTeachesCode]

You're welcome! 🙏

[@djheckler92]

Why does onClick={handleClick} omit the parentheses? If I include them, onClick={handleClick()}, it seems to execute the function immediately and only once on render. *Nvm, you answered it later in the video. Great lesson as always, thanks!*

[@DaveGrayTeachesCode]

Thanks for the comment and glad you found your answer! 💯🙏

[@jamshidtashkent1976]

very useful. Is it a full course by react js?

[@DaveGrayTeachesCode]

Yes, this video is part of a playlist that is a full course.

[@jfnklstrm]

Just as Jerry I also have a problem with the code, and I've been double checking it for typos. I don't get the $name function to work - (name) get's 'greyed out' and the console just show ${name} was clicked. The next thing is that I don't get the double click to work - I've tried a number of ways to get it to work. But I'm stuck. Any one that can help me out?

[@jfnklstrm]

I solved the first problem with $name - but I can't get the doubleClick to work

[@ahmad-murery]

Not sure how react handles button click event but I always tend to add type="button" attribute to my buttons even if they are not inside a form element (just a habit), I know this is applicable for buttons inside a form only but it caused some troubles in the past to figure out why my page was reloading while I'm using xhr, after that I found that the default type for a button element is "submit" 🤦‍♂️ Nice video and looking forward to the next one,

[@DaveGrayTeachesCode]

That is an interesting consideration! Thank you for the comment Ahmad 🙏💯

[@ahmad-murery]

@@DaveGrayTeachesCode Studying the tool before start using saves time, All thanks back to you Dave!

[@ioniangaming]

How did he know that {name} is dave ? 4:50

[@ioniangaming]

Is the parameter. Sorry sir for my ignorance.

[@oncoding4520]

More React :)

[@DaveGrayTeachesCode]

Always!

[@jerryezekwu1155]

I have been having an issue... Onclick works.. But on doubleclick doesn't despite using the same logic as you... Getting frustrated here

[@TravinskiyVladislav]

Top

[@prajwaldule3839]

dammn i love u

[@oujjahamza3033]

🗾🗾🗾🗾🥭🥭🍎🍊