Book Image

Modern Web Development with ASP.NET Core 3 - Second Edition

By : Ricardo Peres
Book Image

Modern Web Development with ASP.NET Core 3 - Second Edition

By: Ricardo Peres

Overview of this book

ASP.NET has been the preferred choice of web developers for a long time. With ASP.NET Core 3, Microsoft has made internal changes to the framework along with introducing new additions that will change the way you approach web development. This second edition has been thoroughly updated to help you make the most of the latest features in the framework, right from gRPC and conventions to Blazor, which has a new chapter dedicated to it. You’ll begin with an overview of the essential topics, exploring the Model-View-Controller (MVC) pattern, various platforms, dependencies, and frameworks. Next, you’ll learn how to set up and configure the MVC environment, before delving into advanced routing options. As you advance, you’ll get to grips with controllers and actions to process requests, and later understand how to create HTML inputs for models. Moving on, you'll discover the essential aspects of syntax and processes when working with Razor. You'll also get up to speed with client-side development and explore the testing, logging, scalability, and security aspects of ASP.NET Core. Finally, you'll learn how to deploy ASP.NET Core to several environments, such as Azure, Amazon Web Services (AWS), and Docker. By the end of the book, you’ll be well versed in development in ASP.NET Core and will have a deep understanding of how to interact with the framework and work cross-platform.
Table of Contents (26 chapters)
Section 1: The Fundamentals of ASP.NET Core 3
Section 2: Improving Productivity
Section 3: Advanced Topics
Appendix A: The dotnet Tool

Building components

A component is just a file with the .razor extension and conforming to the Blazor syntax that does not have the @page directive, and therefore cannot be directly accessed. However, it can be included in other Blazor files, pages, or components.

All components implicitly inherit from ComponentBase, but you can modify this to other classes through the @inherits directive. Including a component is as easy as just declaring it as markup inside your file. For example, if your component is called SimpleComponent.razor, you would declare it as follows:

<SimpleComponent />

And that's it, but there is a new way to embed a Blazor component, which we will see next.

The <component> tag helper

There is a new tag helper, <component>, that allows us to embed a Blazor component in the middle of a Razor view. It was also covered in Chapter 9, Reusable Components, in the Tag helpers section, but for completeness...