This has been easy at times but harder as the topics get more complicated and I continue to grow as a developer. One of
the topics that have been difficult but interesting is how Event Handlers are dealt with in React.
*Event handlers help keep track of every action performed by the user. *
*This can be anything from resizing a window, clicking on links, a page scrolling, all of which are processed by event handlers. *
The naming of events in React are of great importance, and adding events is similiar to how they are added to DOM elements.
Synthetic events play a role, as they are needed to provide event details and can be passed into event handlers as well as callback functions.
Defining events using JSX: use the camelCase event with the handler or callback function as the property of the JSX that is a placeholder for the element in React.
My first exposure to event handlers came in the form of tutorials in the Learn ReactJS course on Codecademy.
While it was only a small preview, that part of the lesson gave me insight into updating parent and child components in React through the use of event handlers.
Continuing onward, I want to make sure that the concepts that I am being exposed to will help me in the implementation aspect when building new projects. I have a long way to go with becoming stronger in React, and while this topic was a challenge,
determining the logic behind it helped to broaden my understanding and increase my knowledge base.
This post also appears on my blog as well, feel free to check it out.