Summary

You should now be able to use the EditForm component in conjunction with the built-in input components to create an input data form. You should also be comfortable with the built-in validation components. Finally, you should understand how to lock the navigation.

In this chapter, we introduced the built-in EditForm component, various input components, and the validation components. We also introduced a component that can be used to lock the user’s navigation. After that, we used the Blazor WebAssembly App project template to create a multi-project solution. We added a couple of classes and a couple of API controllers. Next, we configured SQL Server by updating the connection string to the database and using Entity Framework migrations. We updated the Home page to display the list of expenses. We added a new page that included an EditForm component and many of the built-in input components to input, validate, and submit the expenses. Finally, we added a NavigationLock...