This chapter introduced us to the popular React framework and discussed how we can use it with TypeScript to build a modern client side application to add contact information. We started by defining the requirements and creating a mock layout of our application before we created the basic implementation using create-react-app with the react-scripts-ts script version. To leverage Bootstrap 4 in a React-friendly way, we added in the reactstrap package.
After discussing how React uses the special JSX and TSX formats to control the way it renders, we moved on to customizing the App component and adding our own custom TSX components. With these components, we looked at passing properties and setting up state, which we then used to create two-way bindings. With the bindings, we discussed how to validate user inputs by creating reusable validators that were then applied to validation...