Upgrade Project

27 Jun 20252 minutes to read

The Syncfusion® React migration add-in for Visual Studio allows you to migrate an existing Syncfusion® React application from one version of Essential Studio® version to another version. This reduces the amount of manual work required when migrating the Syncfusion® version.

The Syncfusion® React Project migration are available from v17.3.0.9.

The steps below help you to upgrade the Syncfusion® version in Syncfusion® React Application through the Visual Studio:

  1. Open the Syncfusion® React application which uses the Syncfusion® component.

  2. To open Migration Wizard, follow either one of the options below:

    Option 1:

    Choose Extensions-> Syncfusion-> Essential Studio® for ASP.NET Core ->Migrate Project… in Visual Studio menu.

    menu

    In Visual Studio 2017, you can see the Syncfusion menu directly in the Visual Studio menu

    Option 2:

    Right-click on the Application from the Solution Explorer and select the Syncfusion® Web and choose the Migrate the Syncfusion® ASP.NET Core Project to Another version…

    Context menu

  3. The Syncfusion® Project Migration window will appear. You can choose the required version of Syncfusion® React to migrate.

    The Syncfusion® React versions are loaded from published Syncfusion® React NPM packages and it requires the internet connectivity.

    Migration Window

    Assets From: Load the Syncfusion® Essential® JS 2 assets to React Project, from either NPM, CDN, or Installed Location.

    Installed location option will be available only when the Syncfusion® Essential® JavaScript 2 setup has been installed.

  4. Check the “Enable a backup before migrating checkbox if you want to take the project backup and choose the location.

  5. Once the migration process completed, will get the success message window.

    project Success

    if you enabled project backup before migrating, the old project was saved in the specified backup path location, as shown below once the migration process completed

    BackupLocation

  6. The Syncfusion® React NPM packages, and CSS are updated to the selected version in the project.