React Data Grid CRUD Operations with Fetch API

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.

Overview

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.

Watch the tutorial video: https://www.youtube.com/watch?v=lGEPmY0bOws

Prerequisites

Before you begin, ensure you have the following installed:

• Node.js (v14 or higher)
• npm (v6 or higher)

Installation

1. Clone the repository:

   git clone https://github.com/ramyarajendran27/handling-crud-actions-using-fetch-api-and-react-grid-events.git
   cd handling-crud-actions-using-fetch-api-and-react-grid-events

2. Install dependencies:

   npm install

3. Start the development server:

   npm start

Documentation

For detailed information about CRUD operations using AJAX, visit our comprehensive documentation: http://bit.ly/2R2TY3E

Additional Resources

• Server-side CRUD operations using DataManager video: http://bit.ly/2pWK2hf
• Getting Started sample: http://bit.ly/2ONRMKJ
• Server-side CRUD sample: http://bit.ly/34sNtuZ