# devextreme-examples

**Repository Path**: e68/devextreme-examples

## Basic Information

- **Project Name**: devextreme-examples
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: 20_2
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2020-12-09
- **Last Updated**: 2021-01-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# DevExtreme Examples

A set of sample applications that will help you get started with DevExtreme.

## DevExtreme Modules

Each example in this section holds a simple application containing a dxButton widget with an alert dialog. It is enough to demonstrate how to link the required DevExtreme modules to the application using [RequireJS](http://requirejs.org/), [SystemJS](https://github.com/systemjs/systemjs/), [webpack](http://webpack.github.io/docs/) or [jspm](http://jspm.io/) with [jQuery](http://jquery.com/), [AngularJS](https://angularjs.org/), [Angular](https://angular.io/), [Knockout](http://knockoutjs.com/), [React](https://reactjs.org/) or [Vue](https://vuejs.org/) approach. All examples require Node.js and npm to install [DevExtreme](http://js.devexpress.com/) package and its dependencies. Basic principles of working with these tools would be also helpful.

Used Technologies: | Example Name:
------------------ | --------------
RequireJS with jQuery | [requirejs-jquery](requirejs-jquery/)
webpack with jQuery | [webpack-jquery](webpack-jquery/)
jspm with jQuery | [jspm-jquery](jspm-jquery/)
RequireJS with AngularJS | [requirejs-angularjs](requirejs-angularjs/)
webpack with AngularJS | [webpack-angularjs](webpack-angularjs/)
jspm with AngularJS | [jspm-angularjs](jspm-angularjs/)
RequireJS with Knockout | [requirejs-knockout](requirejs-knockout/)
webpack with Knockout | [webpack-knockout](webpack-knockout/)
jspm with Knockout | [jspm-knockout](jspm-knockout/)
Angular Universal | [universal-angular](universal-angular/)
webpack with React | [webpack-react](webpack-react/)
webpack with Vue | [webpack-vue](webpack-vue/)

## DevExtreme Angular Integration

An example in this section demonstrates how to build an application via rollup with [devextreme-angular](https://github.com/DevExpress/devextreme-angular) using AoT compilation.

Used Technologies: | Example Name:
------------------ | --------------
rollup with devextreme-angular | [rollup-angular](rollup-angular/)

An example in this section demonstrates how create an application via angular-cli with [devextreme-angular](https://github.com/DevExpress/devextreme-angular) and [devextreme-intl](https://github.com/DevExpress/devextreme-intl).

Used Technologies: | Example Name:
------------------ | --------------
angular-cli with devextreme-angular and devextreme-intl | [intl-angular](intl-angular/)

The following examples demonstrate how to use DevExtreme Globalize integration in [SystemJS](https://github.com/systemjs/systemjs) and [Webpack](https://github.com/webpack/webpack) environments. Each example in this section holds a simple application containing a DataGrid widget localized to "de" locale.

Used Technologies: | Example Name:
------------------ | --------------
SystemJS with Angular and Globalize | [systemjs-angular-globalize](systemjs-angular-globalize/)
Webpack with Angular and Globalize | [webpack-angular-globalize](webpack-angular-globalize/)

An example in this section demonstrates how create an [Angular Univeral](https://angular.io/guide/universal) application via angular-cli with [devextreme-angular](https://github.com/DevExpress/devextreme-angular).

Used Technologies: | Example Name:
------------------ | --------------
angular-universal with devextreme-angular and devextreme-intl | [universal-angular](universal-angular/)

## DataGrid and PivotGrid - Working with Remote Data

Examples in this section demonstrate the use of the DevExtreme DataGrid and PivotGrid widgets with remote data. Each example holds a solution containing a single page application with a DataGrid or PivotGrid widget that works with remote data served by a Web API or MVC 5 controller.

Used Technologies: | Example Name:
------------------ | --------------
DataGrid with Web API | [datagrid-webapi](datagrid-webapi/)
PivotGrid with Web API | [pivotgrid-webapi](pivotgrid-webapi/)
DataGrid in an MVC 5 App | [datagrid-mvc5](datagrid-mvc5/)