Required Client Libraries for React

• Feb 27, 2023

This topic contains the list of required libraries and instructions on how to integrate them into the project.

Required Libraries

Web Dashboard requires the following libraries to work correctly:

• Third-party Libraries

  • jQuery 3.4.1+

    The recommended version is jQuery 3.5.1+.

  • knockout 3.5.0+

  • ace.js 1.4.13+

    Ace is a code editor embedded into the Web Dashboard’s Expression Editor.

• DevExtreme Libraries

  DevExtreme libraries are used to render dashboard items and various UI elements inside the Web Dashboard application.

• DevExpress Analytics Components

  Core library for DevExpress Analytics Components (Dashboards and Reporting).

Optional Libraries

• devexpress-richedit

  The Web Dashboard supports the Rich Text Editor used to edit Text Box items. To use this functionality, you need to first enable the Rich Edit control. For more information, refer to the following article: Enable Text Editor Functionality.

Npm Packages

The DashboardControl requires the devexpress-dashboard npm package, its dependencies, devexpress-dashboard-react, and devextreme-react packages:

• devexpress-dashboard
• jquery
• knockout
• @types/jquery
• @devexpress/analytics-core
• devextreme
• devexpress-dashboard-react
• devextreme-react

Use npm install command to install packages.

Tip

Documentation: Add a Web Dashboard to a React Application