HelpBot Assistant

How can I help you?

Installation

2 Feb 20261 minute to read

Syncfusion® React npm packages can be added to a project using either of the following methods:

  • Installation using the npm CLI
  • Installation by declaring the package in package.json

Method 1: Install using npm CLI

Syncfusion® React (JavaScript - EJ2) packages are published on npm. Install packages using the npm install command. For example, to install the React Grid package:

npm install @syncfusion/ej2-react-grids --save

This command installs the Grid component package and its dependencies. The package.json file will be updated with the Grid package under dependencies.

Method 2: Install using package.json

  1. Add the Syncfusion® React (JavaScript - EJ2) package reference in the dependencies section of package.json:

     {
     "dependencies": {
         "@syncfusion/ej2-react-grids": "*"
     }
 }

    The * indicates the latest version of the npm package. For reproducible builds, specify an exact version (for example, "32.1.19").

  2. Open a terminal and run npm install. This installs all modules listed as dependencies in package.json.

If using an alternative package manager, use the equivalent command (for example, yarn install or pnpm install).

Prerequisites

Syncfusion® React components require react and react-dom as peer dependencies. Ensure these are installed in the project and that installed versions are compatible with the Syncfusion packages being used:

npm install react react-dom --save

For more details about package.json configuration, refer to the npm documentation. Also consult the Syncfusion release notes or support matrix for compatible React and Node.js versions.