Skip to content

Commit e2f5228

Browse files
Merge pull request #4 from ramyarajendran27/master
986376: Updated readme content
2 parents 32bf463 + f39c453 commit e2f5228

File tree

3 files changed

+42
-9
lines changed

3 files changed

+42
-9
lines changed

README.md

Lines changed: 40 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,45 @@
1-
This repository contains the excercise examples for the below mentioned video.<br/>
2-
https://www.youtube.com/watch?v=lGEPmY0bOws
1+
# React Data Grid CRUD Operations with Fetch API
32

3+
This repository demonstrates how to implement server-side CRUD (Create, Read, Update, Delete) operations in a React Data Grid using Fetch API and client-side events. The project serves as a practical example of building a robust data management system with React and Express.
44

5-
Learn how to perform server-side CRUD operations in the React Data Grid using Fetch API and client-side events of React Grid. In this video, you will see how to create REST APIs using the Express server and call the endpoints to a custom service using the Fetch API. Finally, learn how to bind the custom service with the React Data Grid using the dataSourceChanged event.
5+
## Overview
66

7-
To learn more about CRUD operations in the server side using AJAX, visit the following documentation.<br/>
7+
Learn how to perform server-side CRUD operations in the React Data Grid using Fetch API and client-side events of React Grid. This implementation showcases how to create REST APIs using the Express server and call the endpoints through a custom service using the Fetch API. The project demonstrates how to bind the custom service with the React Data Grid using the dataSourceChanged event.
8+
9+
Watch the tutorial video: https://www.youtube.com/watch?v=lGEPmY0bOws
10+
11+
12+
## Prerequisites
13+
14+
Before you begin, ensure you have the following installed:
15+
- Node.js (v14 or higher)
16+
- npm (v6 or higher)
17+
18+
## Installation
19+
20+
1. Clone the repository:
21+
```bash
22+
git clone https://github.com/ramyarajendran27/handling-crud-actions-using-fetch-api-and-react-grid-events.git
23+
cd handling-crud-actions-using-fetch-api-and-react-grid-events
24+
```
25+
26+
2. Install dependencies:
27+
```bash
28+
npm install
29+
```
30+
31+
3. Start the development server:
32+
```bash
33+
npm start
34+
```
35+
36+
## Documentation
37+
38+
For detailed information about CRUD operations using AJAX, visit our comprehensive documentation:
839
http://bit.ly/2R2TY3E
940

10-
Server-side CRUD operations using DataManager video: http://bit.ly/2pWK2hf
11-
<br/>Getting Started sample: http://bit.ly/2ONRMKJ
12-
<br/>Server-side CRUD sample: http://bit.ly/34sNtuZ
41+
## Additional Resources
42+
43+
- Server-side CRUD operations using DataManager video: http://bit.ly/2pWK2hf
44+
- Getting Started sample: http://bit.ly/2ONRMKJ
45+
- Server-side CRUD sample: http://bit.ly/34sNtuZ

after/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
"@types/node": "12.11.7",
99
"@types/react": "16.9.10",
1010
"@types/react-dom": "16.9.2",
11-
"axios": ">=0.30.0",
11+
"axios": ">=0.30.2",
1212
"cors": "^2.8.5",
1313
"express": "^4.17.1",
1414
"react": "^16.11.0",

before/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
"@types/node": "12.11.7",
99
"@types/react": "16.9.10",
1010
"@types/react-dom": "16.9.2",
11-
"axios": ">=0.30.0",
11+
"axios": ">=0.30.2",
1212
"cors": "^2.8.5",
1313
"express": "^4.17.1",
1414
"react": "^16.11.0",

0 commit comments

Comments
 (0)