Skip to content

Commit c0db239

Browse files
Update readme (#65)
* Update readme * Fix text * Fix article * Fix text
1 parent f20391a commit c0db239

File tree

1 file changed

+44
-0
lines changed

1 file changed

+44
-0
lines changed

README.md

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,10 @@ DevExtreme CLI is a set of command-line tools to be used with DevExtreme control
55
* [Installation](#installation)
66
* [Add DevExtreme to an Existing Application](#add-devextreme)
77
* [Angular](#add-devextreme-angular)
8+
* [React](#add-devextreme-react)
89
* [DevExtreme Application](#devextreme-app)
910
* [Angular](#devextreme-app-angular)
11+
* [React](#devextreme-app-react)
1012
* [Command Line Arguments](#devextreme-app-arguments)
1113
* [Theme Builder](#theme-builder)
1214
* [One-off Usage](#theme-builder-one-off)
@@ -42,6 +44,22 @@ Add DevExtreme to an Angular application (follow [this](https://github.com/DevEx
4244
> devextreme add devextreme-angular
4345
```
4446

47+
### <a name="add-devextreme-react"></a>React
48+
49+
Add DevExtreme to a React application:
50+
51+
#### <a name="add-devextreme-react-no-global"></a>Without global package usage
52+
53+
```bash
54+
> npx -p devextreme-cli devextreme add devextreme-react
55+
```
56+
57+
#### <a name="add-devextreme-react-global"></a>Global package usage
58+
59+
```bash
60+
> devextreme add devextreme-react
61+
```
62+
4563
## <a name="devextreme-app"></a>DevExtreme Application
4664

4765
### <a name="devextreme-app-angular"></a>Angular
@@ -80,6 +98,32 @@ Add a view to an Angular application with the DevExtreme layout template:
8098
> devextreme add view view-name [--icon]
8199
```
82100

101+
### <a name="devextreme-app-react"></a>React
102+
103+
#### <a name="devextreme-app-react-no-global"></a>Without global package usage
104+
105+
Create a new DevExtreme application:
106+
```bash
107+
> npx -p devextreme-cli devextreme new react-app app-name [--layout][--empty]
108+
```
109+
110+
Add a view to the DevExtreme application:
111+
```bash
112+
> npx -p devextreme-cli devextreme add view view-name [--icon]
113+
```
114+
115+
#### <a name="devextreme-app-react-global"></a>Global package usage
116+
117+
Create a new DevExtreme application:
118+
```bash
119+
> devextreme new react-app app-name [--layout][--empty]
120+
```
121+
122+
Add a view to the DevExtreme application:
123+
```bash
124+
> devextreme add view view-name [--icon]
125+
```
126+
83127
### <a name="devextreme-app-arguments"></a>Command line arguments
84128

85129
* `--layout` – Specifies the type of a DevExtreme layout to add (default: `side-nav-outer-toolbar`)

0 commit comments

Comments
 (0)