| 
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  | 
3 | 2 | 
 
  | 
 | 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.  | 
4 | 4 | 
 
  | 
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  | 
6 | 6 | 
 
  | 
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:  | 
8 | 39 | http://bit.ly/2R2TY3E  | 
9 | 40 | 
 
  | 
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  | 
0 commit comments