React

In JavaScript apps using the React front-end library, you can use event handlers to update state data, trigger prop changes, or prevent default browser actions. To do this, React uses a SyntheticEvent wrapper instead of the native Event interface. In this tutorial, you’ll build several sample components that handle user events. You’ll learn how to add event handlers to components, pull information from the SyntheticEvent, and add and remove Window event listeners.

React Hooks are a broad set of tools in the React front-end JavaScript library that run custom functions when a component’s props change. Since this method of state management doesn’t require you to use classes, developers can use Hooks to write shorter, more readable code that is easy to share and maintain. Throughout this tutorial, you’ll learn how to set state using the useState and useReducer Hooks, using a product page component with a shopping cart as an example.