React JS Tutorial - #5 - Event Handling
Welcome back to the React tutorial for beginners!
In this tutorial we're going to cover event handling in React. Event handling refers to being able to handle events like a user clicking a button, modifying a text field, and any other actions that a user might initiate. By handling events, we can make our web pages interactive.
The two main event properties we're going to cover in this tutorial are onClick and onChange. onClick refers to the event when someone clicks a button, and onChange refers to the event when someone changes the value of something (like a text field).
We'll also dive into useEffect, which is a React function (hook) that allows us to handle the effects of an event. This function is absolutely crucial to understanding reactivity in React.
If you enjoyed the video, please like the video and subscribe, as it helps me out tremendously. Thanks for the support!
Timestamps:
0:00 - onChange explained
4:51 - Function Handlers
8:45 - onClick explained
13:59 - useEffect Explained
16:06 - Dependency Array
22:38 - Separate Effects
25:26 - Empty Dependency Array
27:52 - Infinite Loop Problem
Hashtags:
#reactjs #programming #reacttutorial