Creating your first Reactive form

You've learned about template-driven forms in the previous recipes and are now confident in building Angular apps with them. Now guess what? Reactive forms are even better. Many known engineers and businesses in the Angular community recommend using Reactive forms. The reason is their ease of use when it comes to building complex forms. In this recipe, you'll build your first Reactive form and will learn its basic usage.

Getting ready

The project for this recipe resides in chapter08/start_here/reactive-forms:

1. Open the project in Visual Studio Code.
2. Open the terminal and run npm install to install the dependencies of the project.
3. Once done , run ng serve -o.
4. Click on the name of the first user and you should see the following view:

Figure 8.10 – The Reactive Form app running on http://localhost:4200

Now that we have the app running locally, let's see the steps involved...