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
On this page of the site you can watch the video online React JS Tutorial - #5 - Event Handling with a duration of hours minute second in good quality, which was uploaded by the user Austin Davis 12 October 2023, share the link with friends and acquaintances, this video has already been watched 2,556 times on youtube and it was liked by 66 viewers. Enjoy your viewing!
