|
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