-
Book Overview & Buying
-
Table Of Contents
Learn React with TypeScript - Third Edition
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...