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 (see live preview).

You can generate this application with the DevExtreme CLI:

npx devextreme-cli new react-app app-name
// ===== or generate a template with TypeScript =====
npx devextreme-cli new react-app app-name --template=typescript
cd app-name
npm run start

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

For further information about DevExtreme React UI components, refer to the following resources:

• Component Configuration Syntax
• Demos
• API Reference

For more information about the structure and contents of the DevExtreme React Template, refer to the DevExtreme Application Template article.