Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap
React Click Events may be the most common events in your React application. In this tutorial, you will learn how to make your React application respond to click events and the different ways they may be applied.
Subscribe https://bit.ly/3nGHmNn
This lesson is part of a Learn React tutorial series playlist:
https://youtube.com/playlist?list=PL0Zuz27SZ-6PrE9srvEn8nbhOOyxnWXfp
React Click Events | Learn ReactJS
(00:00) Intro
(0:44) React onClick Event
(2:37) Passing a Parameter in a Click Event
(4:58) Wait for the click or immediately invoke the function
(5:36) Using the event object in the click event function
(7:29) React onDoubleClick event
(8:18) How to change the greeting
ES7 React JS Snippets Extension for VS Code:
https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets
React Dev Tools Extension for Chrome:
https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi
Styled Components: https://styled-components.com/
References:
ReactJS Official site: https://reactjs.org/
React Wikipedia: https://en.wikipedia.org/wiki/React_(JavaScript_library)
React Jobs: https://www.ziprecruiter.com/candidate/search?search=react&location=
Follow Me:
Twitter: https://twitter.com/yesdavidgray
LinkedIn: https://www.linkedin.com/in/davidagray/
Blog: https://yesdavidgray.com
Reddit: https://www.reddit.com/user/DaveOnEleven
Was this tutorial about Click Events in React JS helpful? If so, please share. Let me know your thoughts in the comments.
#react #click #events