Syncfusion AI Assistant

How can I help you?

Create React Projects in Visual Studio

2 Feb 20261 minute to read

Syncfusion® provides Visual Studio Project Templates for creating Syncfusion® React applications. These templates automatically configure your project with the required Syncfusion® references, components, and CDN links to accelerate development with Syncfusion® React components.

The Syncfusion® React project templates are available from v17.1.0.47.

Follow these steps to create a Syncfusion® React application using Visual Studio:

  1. Open Visual Studio 2017 or later.

  2. Launch the Syncfusion® Project creation wizard using one of these methods:

    Option 1:

    Choose Extensions → Syncfusion → Essential Studio® for ASP.NET Core → Create New Syncfusion® Project… from the Visual Studio menu.

    new project

    In Visual Studio 2017, the Syncfusion menu may appear directly in the Visual Studio menu.

    Option 2:

    Choose File > New > Project in Visual Studio. In the Create a new project dialog, filter by Syncfusion or search for “Syncfusion” to list the provided templates.

    Syncfusion template

    In Visual Studio 2017, navigate to Syncfusion > .NET Core > Syncfusion ASP.NET Core (Essential JS 2) Web Application.

  3. Select the Syncfusion ASP.NET Core Web Application template and click Next.

    project configuration

  4. Provide the project name and destination, then click Create. The Syncfusion project configuration wizard appears.

    project configuration

    Choose the Syncfusion React.js template, select the required theme and assets, then click Create.

  5. The Syncfusion React application is created and configured with the selected Syncfusion packages, scripts, and styles.

  6. Verify the added Syncfusion NPM packages, scripts, and selected styles are present in the project files.