Skip to content

README.md

Latest commit

 

History

History
63 lines (43 loc) · 2.74 KB

README.md

File metadata and controls

63 lines (43 loc) · 2.74 KB

Syncfusion EJ2 React Grid – Data Integration Samples

Repository Description

This repository contains categorized sample applications that demonstrate how to use the Syncfusion EJ2 React Grid in real-world scenarios such as database connectivity, adaptor-based data binding, and backend service integration.

Project Overview

The ej2-react-grid-samples repository provides a collection of focused examples designed to help developers understand different data binding and integration patterns supported by the Syncfusion EJ2 React Grid. Each sample is organized by scenario, making it easier to explore and learn specific approaches without unnecessary complexity.

The samples primarily focus on connecting the React Grid component with databases, adapters, and backend services commonly used in modern web applications. These examples are intended for developers who want practical references while building enterprise-grade React applications using Syncfusion components.

Sample Categories

Connecting to Databases

This section demonstrates how the EJ2 React Grid can be connected to various database technologies using different data access approaches. The samples include integrations with:

  • Dapper
  • SQLite
  • Entity Framework
  • Microsoft SQL Server (MSSQL)
  • MySQL
  • PostgreSQL

Each folder contains an isolated example showing how grid data is retrieved and displayed from the respective database source.

Connecting to Adaptors

These samples showcase adaptor-based data binding techniques supported by the EJ2 React Grid. The available adaptor examples include:

  • Custom Adaptor
  • OData v4 Adaptor
  • Remote Save Adaptor
  • URL Adaptor
  • Web API Adaptor
  • Web Method Adaptor

These examples help demonstrate how the grid communicates with different data services and handles operations such as paging, sorting, and CRUD actions.

Connecting to Backends

This section contains samples that integrate the React Grid with various backend frameworks and server technologies. The examples include:

  • Custom binding
  • Apollo GraphQL
  • Django server
  • Express server
  • FastAPI server
  • Flask API server
  • GraphQL server
  • Hot Chocolate server
  • Next.js server

These samples illustrate end-to-end data flow between frontend React applications and backend services.

Usage

Each sample folder is self-contained. Navigate to the required sample directory, install dependencies, and run the application to see the EJ2 React Grid in action with the selected data source or backend.

Reference