A React Bootstrap Personal Contacts Manager

In this chapter, we are going to learn how to build a personal contacts manager using React, which is a library for building user interfaces (UIs) out of small components. By learning React, you will gain the ability to use one of the most popular libraries currently in use, as well as begin to understand how and when to use the power of binding to simplify your code. 

Exploring React will help us to understand how to write a modern application for the client side and also study its requirements.

To help us to develop the application, the following topics will be covered in this chapter:

• Creating a mock layout to check our layouts
• Creating our React application
• Analyzing and formatting code with tslint
• Adding Bootstrap support
• Using tsx components in React
• The App component in React
• Displaying our personal details UI
• Using binding to simplify our updates
• Creating validators and applying them as validation
• Applying validation in a React component
• Creating and sending data to an IndexedDB database