All docs
V19.2
23.1 (CTP)
22.2
22.1
21.2
21.1
20.2
20.1
19.2
19.1
18.2
The page you are viewing does not exist in version 18.2. This link will take you to the root page.
18.1
The page you are viewing does not exist in version 18.1. This link will take you to the root page.
17.2
The page you are viewing does not exist in version 17.2. This link will take you to the root page.
A newer version of this page is available. Switch to the current version.

Create a DevExtreme Application

If you are starting a project from scratch, use the DevExtreme React Template. It is a simple application with a navigation menu and several sample views in a responsive layout.

You can generate the application with the DevExtreme CLI:

npx -p devextreme-cli devextreme new react-app app-name
cd app-name
npm run start
NOTE

npx is available with npm v5.2 and later. If you have an earlier version, upgrade npm or install the DevExtreme CLI globally and run the command from the installed package:

npm i -g devextreme-cli
devextreme new react-app app-name

The application already contains the DataGrid and Form components. You can find their configurations in the src/pages/display-data/display-data.js and src/pages/profile/profile.js files correspondingly.

The following resources provide more information about DevExtreme React components: