Templates for SPAs

SPAs is an amazing architecture for web projects, where all the elements are rendered using a single HyperText Markup Language (HTML) file. There are a good number of libraries and frameworks that use this concept – for example, Angular, React.js, and Blazor WebAssembly.

Any project created with these templates will contain all the required components to create a monolithic application, using ASP.NET on the backend and a SPA library or framework on the frontend side.

Let's create our first SPA project with Visual Studio. You can search for ASP.NET Core with to find the templates for SPAs:

Figure 4.21 – Searching by ASP.NET Core with

In Figure 4.21, you can see the result of searching by ASP.NET Core with. There are three templates that we can select to work with SPAs:

• ASP.NET Core with Angular
• ASP.NET Core with React.js
• ASP.NET Core with React.js and Redux

We will create a project with React...