Skip to content

Update the React example #7

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
16adianay merged 6 commits into from
May 19, 2026
Merged

Update the React example #7

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
d223dea
Update the React example
16adianay May 18, 2026
5627e18
Potential fix for pull request finding
16adianay May 18, 2026
48b2f43
Update DropDownList.tsx
16adianay May 18, 2026
8d65128
Update DropDownList.tsx
16adianay May 18, 2026
f6e0515
Update package-lock.json
16adianay May 18, 2026
410b09d
TS - remove unknown
artem-kurchenko May 18, 2026
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
24 changes: 24 additions & 0 deletions React/.gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
lerna-debug.log*

node_modules
/dist/*
dist-ssr
*.local

# Editor directories and files
.vscode/*
!.vscode/extensions.json
.idea
.DS_Store
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?
34 changes: 34 additions & 0 deletions React/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
# React + TypeScript + Vite + DevExtreme

For more information about this example check the [Readme](../README.md).

## Build and Lint

Install dependencies:
```sh
npm install
```

Start dev server:
```sh
npm run dev
```
Open: http://localhost:5173/

Build production bundle:
```sh
npm run build
```

Run linter:
```sh
npm run lint
```

## Further help

React docs: https://react.dev/learn
Vite docs: https://vite.dev/
DevExtreme React docs: https://js.devexpress.com/React/Documentation

To get more help with DevExtreme, submit a ticket through the [Support Center](https://supportcenter.devexpress.com/ticket/create).
49 changes: 49 additions & 0 deletions React/eslint.config.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,49 @@
import path from 'path';
import { fileURLToPath } from 'url';
import tsParser from '@typescript-eslint/parser';
import spellCheck from 'eslint-config-devextreme/spell-check';
import reactConfig from 'eslint-config-devextreme/react';

const __filename = fileURLToPath(import.meta.url);
const __dirname = path.dirname(__filename);

export default [
{
ignores: ['node_modules/**', 'build/**', 'dist/**', 'eslint.config.js', '*.config.ts', 'stylelint.config.mjs'],
},
...spellCheck,
...reactConfig,
{
rules: {
'import/prefer-default-export': 'off',
},
},
{
files: ['**/*.ts', '**/*.tsx'],
languageOptions: {
parserOptions: {
project: './tsconfig.app.json',
tsconfigRootDir: __dirname,
},
},
settings: {
react: {
version: '18.2',
},
},
},
{
files: ['**/*.ts', '**/*.tsx'],
rules: {
'react/react-in-jsx-scope': 'off',
'import/no-extraneous-dependencies': ['error', {
devDependencies: [
'**/vitest.config.ts',
'**/vite.config.ts',
'**/*.test.tsx',
'**/setupTests.ts',
],
}],
},
},
];
13 changes: 13 additions & 0 deletions React/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite + React + TS</title>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
</body>
</html>
Loading
Loading