Skip to content

Commit 1801180

Browse files
sridhar-alagirisamysridhar-alagirisamy
authored
Merge pull request #14 from SyncfusionExamples/EJ2-1023830-react
documentation(EJ2-1023830): Create new repos for Getting Started Sample for all the Spreadsheet Platforms.
2 parents 8146090 + 2fc14b6 commit 1801180

30 files changed

Lines changed: 164 additions & 467 deletions

‎.gitignore‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
# Logs
2+
logs
3+
*.log
4+
npm-debug.log*
5+
yarn-debug.log*
6+
yarn-error.log*
7+
pnpm-debug.log*
8+
lerna-debug.log*
9+
10+
node_modules
11+
dist
12+
dist-ssr
13+
*.local
14+
15+
# Editor directories and files
16+
.vscode/*
17+
!.vscode/extensions.json
18+
.idea
19+
.DS_Store
20+
*.suo
21+
*.ntvs*
22+
*.njsproj
23+
*.sln
24+
*.sw?

‎README.md‎

Lines changed: 21 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,29 @@
11
# Getting Started with the React Spreadsheet Component
22

3-
A quick-start project that shows how to create and configure the Syncfusion React Spreadsheet component. This project also contains code example to configure a few of the control’s basic features like data-binding, importing, and exporting Excel documents.
3+
A quick-start project that helps you create and configure the Syncfusion React Spreadsheet component. This project enables users to clone and run the app easily to explore Spreadsheet features.
44

5-
Documentation: https://ej2.syncfusion.com/react/documentation/spreadsheet/getting-started/
5+
## Documentation
66

7-
Online examples: https://ej2.syncfusion.com/react/demos/#/bootstrap5/spreadsheet/default
7+
- Getting Started Guide: https://help.syncfusion.com/document-processing/excel/spreadsheet/react/getting-started
8+
- Online Demo: https://document.syncfusion.com/demos/spreadsheet-editor/react/#/tailwind3/spreadsheet/default
9+
- Tutorial Videos: https://www.syncfusion.com/tutorial-videos/react/spreadsheet
810

9-
## Project prerequisites
11+
## Project Prerequisites
1012

11-
Make sure that you have the latest versions of NodeJS and Visual Studio Code in your machine before starting to work on this project.
13+
- Node.js(v14.15.0 or higher)
14+
- npm or yarn
15+
- React (latest stable)
1216

13-
### How to run this application?
17+
## How to run this application?
1418

15-
To run this application, you need to clone the `getting-started-with-the-react-spreadsheet-component` repository and then open it in Visual Studio Code. Now, simply install all the necessary react packages into your current project using the `npm install` command and run your project using the `npm start` command.
19+
1. Clone the repository.
20+
2. Open the project in Visual Studio Code.
21+
3. Install the required dependencies using:
22+
```
23+
npm install
24+
```
25+
4. Run the application using:
26+
```
27+
npm start
28+
```
29+
5. Open http://localhost:3000 in your browser.

‎eslint.config.js‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
import js from '@eslint/js'
2+
import globals from 'globals'
3+
import reactHooks from 'eslint-plugin-react-hooks'
4+
import reactRefresh from 'eslint-plugin-react-refresh'
5+
import { defineConfig, globalIgnores } from 'eslint/config'
6+
7+
export default defineConfig([
8+
globalIgnores(['dist']),
9+
{
10+
files: ['**/*.{js,jsx}'],
11+
extends: [
12+
js.configs.recommended,
13+
reactHooks.configs.flat.recommended,
14+
reactRefresh.configs.vite,
15+
],
16+
languageOptions: {
17+
globals: globals.browser,
18+
parserOptions: { ecmaFeatures: { jsx: true } },
19+
},
20+
},
21+
])

‎index.html‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>spreadsheet-app</title>
8+
</head>
9+
<body>
10+
<div id="root"></div>
11+
<script type="module" src="/src/main.jsx"></script>
12+
</body>
13+
</html>

‎package.json‎

Lines changed: 21 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -1,44 +1,28 @@
11
{
2-
"name": "myreactapp",
3-
"version": "0.1.0",
2+
"name": "spreadsheet-app",
43
"private": true,
5-
"dependencies": {
6-
"@syncfusion/ej2-react-spreadsheet": "^20.1.47",
7-
"@testing-library/jest-dom": "^5.16.4",
8-
"@testing-library/react": "^12.1.4",
9-
"@testing-library/user-event": "^13.5.0",
10-
"@types/jest": "^27.4.1",
11-
"@types/node": "^16.11.26",
12-
"@types/react": "^17.0.43",
13-
"@types/react-dom": "^17.0.14",
14-
"react": "^18.0.0",
15-
"react-dom": "^18.0.0",
16-
"react-scripts": "5.0.0",
17-
"typescript": "^4.6.3",
18-
"web-vitals": "^2.1.4"
19-
},
4+
"version": "0.0.0",
5+
"type": "module",
206
"scripts": {
21-
"start": "react-scripts start",
22-
"build": "react-scripts build",
23-
"test": "react-scripts test",
24-
"eject": "react-scripts eject"
7+
"dev": "vite",
8+
"build": "vite build",
9+
"lint": "eslint .",
10+
"preview": "vite preview"
2511
},
26-
"eslintConfig": {
27-
"extends": [
28-
"react-app",
29-
"react-app/jest"
30-
]
12+
"dependencies": {
13+
"@syncfusion/ej2-react-spreadsheet": "^33.2.3",
14+
"react": "^19.2.5",
15+
"react-dom": "^19.2.5"
3116
},
32-
"browserslist": {
33-
"production": [
34-
">0.2%",
35-
"not dead",
36-
"not op_mini all"
37-
],
38-
"development": [
39-
"last 1 chrome version",
40-
"last 1 firefox version",
41-
"last 1 safari version"
42-
]
17+
"devDependencies": {
18+
"@eslint/js": "^10.0.1",
19+
"@types/react": "^19.2.14",
20+
"@types/react-dom": "^19.2.3",
21+
"@vitejs/plugin-react": "^6.0.1",
22+
"eslint": "^10.2.1",
23+
"eslint-plugin-react-hooks": "^7.1.1",
24+
"eslint-plugin-react-refresh": "^0.5.2",
25+
"globals": "^17.5.0",
26+
"vite": "^8.0.10"
4327
}
4428
}

‎public/favicon.ico‎

-3.78 KB
Binary file not shown.

‎public/favicon.svg‎

Lines changed: 1 addition & 0 deletions
Loading

‎public/icons.svg‎

Lines changed: 24 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)