Angular is a platform and framework for building single-page client-side applications using HTML and TypeScript. Angular itself is written in TypeScript. It implements core and optional functionalities as a set of TypeScript libraries that you can import into your apps.
Syncfusion ASP.NET Core Visual Studio extensions now provide Angular and React project templates when creating a Syncfusion ASP.NET Core application. This allows Syncfusion Angular and React components to be used in an ASP.NET Core application. The templates in the VS extensions have been upgraded from Microsoft .NET Core 3.0 to .NET Core 3.1.
Themes, assets from NPM and CDN, and other built-in features make the templates a useful tool for developers interested in building an application.
In this blog, I am going to walk you through creating ASP.NET Core Angular and ASP.NET Core React apps configured with Syncfusion components.
- Visual Studio 2019
- .NET Core 3.0 SDK or Later (Download Link)
Installing the Syncfusion Angular and React templates
The Angular and React project templates are included in the Syncfusion ASP.NET Core extensions available in Syncfusion Essential Studio release 184.108.40.206. The Syncfusion ASP.NET Core VS extensions are also available in the Visual Studio Marketplace, can be installed directly from Visual Studio 2019 using Extensions > Manage Extensions > Online (search for Syncfusion), and can be installed directly from Visual Studio 2017 using Tools > Extensions and Updates > Online.
Refer to this blog to learn more about extensions and their installation.
Creating a Syncfusion Angular or React application
Follow these steps to create a Syncfusion ASP.NET Core Angular or React application:
- Open Visual Studio 2019.
- Select the Syncfusion ASP.NET Core Web Application and click Next.
- Name the application and click Next.
- Select either the Syncfusion Angular or Syncfusion React template in the configuration wizard.
- Choose the themes and assets you want in your application and click Create.
- The ASP.NET Core Angular or React application will be created with the required Syncfusion component NuGet packages for development. Now you can use the Syncfusion components in your TypeScript (Angular) or component (React) file.
In this blog, we discussed the availability of Angular and React project templates in the Syncfusion ASP.NET Core Visual Studio extensions. This support helps you build versatile applications by providing beautiful templates and reducing the required development work.
If you wish to send us feedback or would like to submit any questions, please feel free to post them in the comments section below. You can also contact us through our support forum, Direct-Trac, or feedback portal. We are always happy to assist you!