-
Book Overview & Buying
-
Table Of Contents
-
Feedback & Rating

Learn React with TypeScript
By :

We now understand that React is a popular library for creating component-based frontends. In this chapter, we created an Alert
component using React.
Component output is declared using a mix of HTML and JavaScript called JSX. JSX needs to be transpiled into JavaScript before it can be executed in a browser.
Props can be passed into a component as JSX attributes. This allows consumers of the component to control its output and behavior. A component receives props as an object parameter. The JSX attribute names form the object parameter property names. We implemented a range of props in this chapter in the Alert
component.
Events can be handled to execute logic when the user interacts with the component. We created an event handler for the close
button click
event in the Alert
component.
State can be used to re-render a component and update its output. The state is defined using the useState
Hook and is often updated in event handlers. We created a state for whether...