Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
22 changes: 11 additions & 11 deletions ej2-react/grid/getting-started.md
Original file line number Diff line number Diff line change
Expand Up @@ -59,13 +59,13 @@ To create a new React application, run one of the following commands based on yo

***React with JavaScript***

```bash
```
npx create-vite@latest my-app --template react
```

***React with TypeScript***

```bash
```
npx create-vite@latest my-app --template react-ts
```

Expand All @@ -80,15 +80,15 @@ After verifying that the application starts successfully, terminate the developm

Then, navigate to the project directory:

```bash
```
cd my-app
```

## Adding React Grid packages

To install the Grids package, use the following command:

```bash
```
npm install @syncfusion/ej2-react-grids --save
```

Expand Down Expand Up @@ -136,21 +136,21 @@ The Data Grid code should be added to the **src/App.tsx** file.

## Run the application

```bash
```
npm run dev
```

## Registering Syncfusion license

Generate a license key from the [Syncfusion License Dashboard](https://www.syncfusion.com/account/downloads) and register it before rendering your React application:

```tsx
Generate a license key from the [Syncfusion License Dashboard](https://www.syncfusion.com/account/downloads) and register it in the `main.jsx` or `main.tsx` file before rendering your React application:
```
import { registerLicense } from '@syncfusion/ej2-base';

registerLicense('YOUR_LICENSE_KEY');
registerLicense('YOUR_LICENSE_KEY_HERE');
```

> **Note:** A valid Syncfusion license is required for production use. Without a valid license, a trial license warning message will be displayed.
> Replace `'YOUR_LICENSE_KEY_HERE'` with the actual license key obtained from your Syncfusion account. For more information, refer to the [Syncfusion Licensing documentation](https://ej2.syncfusion.com/react/documentation/licensing/license-key-registration).

## Troubleshooting

Expand All @@ -167,4 +167,4 @@ N> Looking for the full React Data Grid component overview, features, pricing, a
* [How to render React Data Grid with bootstrap theme](https://support.syncfusion.com/kb/article/10054/how-to-render-react-grid-with-bootstrap-theme)
* [Getting Started with Next.js](./nextjs-getting-started)
* [Getting Started with SharePoint](./sharepoint)
* [Getting Started with Preact](./preact)
* [Getting Started with Preact](./preact)
20 changes: 10 additions & 10 deletions ej2-react/treegrid/getting-started.md
Original file line number Diff line number Diff line change
Expand Up @@ -63,13 +63,13 @@ To create a new React application, run one of the following commands based on yo

***React with JavaScript***

```bash
```
npx create-vite@latest my-app --template react
```

***React with TypeScript***

```bash
```
npx create-vite@latest my-app --template react-ts
```

Expand All @@ -84,7 +84,7 @@ After verifying that the application starts successfully, terminate the developm

Then, navigate to the project directory:

```bash
```
cd my-app
```

Expand Down Expand Up @@ -140,21 +140,21 @@ The tree grid code should be placed in the **src/App.tsx** file.

## Run the application

```bash
```
npm run dev
```

## Registering Syncfusion license

Generate a license key from the [Syncfusion License Dashboard](https://www.syncfusion.com/account/downloads) and register it before rendering your React application:

```tsx
Generate a license key from the [Syncfusion License Dashboard](https://www.syncfusion.com/account/downloads) and register it in the `main.jsx` or `main.tsx` file before rendering your React application:
```
import { registerLicense } from '@syncfusion/ej2-base';

registerLicense('YOUR_LICENSE_KEY');
registerLicense('YOUR_LICENSE_KEY_HERE');
```

> **Note:** A valid Syncfusion license is required for production use. Without a valid license, a trial license warning message will be displayed.
> Replace `'YOUR_LICENSE_KEY_HERE'` with the actual license key obtained from your Syncfusion account. For more information, refer to the [Syncfusion Licensing documentation](https://ej2.syncfusion.com/react/documentation/licensing/license-key-registration).

## Troubleshooting

Expand All @@ -165,4 +165,4 @@ N> Looking for the full React Tree Grid component overview, features, pricing, a

## See Also

* [Grid Feature Modules](./module)
* [Grid Feature Modules](./module)