Examples for React Components with Essential JS 1

This repository contains examples of Syncfusion Essential JS for React components. This is the best place to check out our controls to get more insight about the usage of their APIs. You can browse the examples for all the controls and view the source code of each sample.

The following sections will guide you through using the Syncfusion Essential JS for React samples

• Requirements to run the example
• Repository Structure
• License
• Using the examples
• Online examples
• Controls Catalog
• Support and Feedback

Requirements to run the example

Install the following items:

• Node.js
• npm
• Any text editor

Repository structure

The react-ej1-demos directory contains the samples for all the controls, such as Charts, DataGrid, Spreadsheet, Diagram, and more.

License

Syncfusion has no liability for any damage or consequence that may arise by the use or viewing of the samples. The samples are for demonstrative purposes and if you choose to use or access the samples you agree to not hold Syncfusion liable, in any form, for any damage that is related to use, accessing or otherwise viewing the samples. By accessing, viewing, or otherwise seeing the samples you acknowledge and agree Syncfusion’s samples will not allow you to seek injunctive relief in any form for any claim related to the sample. If you do not agree to this, do not view, access, utilize or otherwise do anything with Syncfusion’s samples.

Using the examples

The easiest way to use these samples without using Git is to download the zip file containing the current version (using the following link or by clicking the "Download ZIP" button on the repo page). You can then unzip the entire archive and use the samples.

Download the samples ZIP

Notes:

• Before you unzip the archive, right-click it, select Properties, and then select Unblock.
• Be sure to unzip the entire archive, and not just individual samples. The samples all depend on the SharedContent folder in the archive.

Reminder: If you unzip individual samples, they will not build due to references to other portions of the ZIP file that were not unzipped. You must unzip the entire archive if you intend to build the samples.

If you clone the application, run **git clone ** to clone the repository.

How to run the samples

• Open the command prompt in the root folder.
• Run npm install to install the dependent packages.
• Run gulp build to build the React app.
• Run http-server -o to run the application.
• Browser will launch the React app.

Online examples

Take a look at the Syncfusion Essential JS 1 for React JS live examples.

Controls Catalog

	All Controls
Accordion	AutoComplete	Barcode
Bullet Graph	Button	Chart
Circular Gauge	ComboBox	ColorPicker
DatePicker	DateTimePicker	DateRangePicker
Diagram	Dialog	Digital Gauge
DropDownList	FileExplorer	Grid
HeatMap	KanbanBoard	Linear Gauge
ListBox	ListView	Maps
Menu	NavigationDrawer	PDF Viewer
PivotChart	PivotGauge	PivotGrid
PivotTreeMap	Progressbar	RadialMenu
RadialSlider	RangeNavigator	Rating
ReportViewer	ReportDesigner	Ribbon
Rotator	RTE	Schedule
Scrollbar	Signature	Slider
Sparkline	Splitter	Spreadsheet
Sunburst Chart	Tab	TagCloud
Textboxes	TileView	TimePicker
Toolbar	TreeGrid	TreeMap
TreeView	Uploadbox	WaitingPopUp
SpellCheck

Support and Feedback

• For information on using the Syncfusion Essential JS 1 controls, refer to our documentation.

• For any other queries, reach our Syncfusion support team or post the queries through the community forums.

• To renew the subscription, click here or contact our sales team at salessupport@syncfusion.com.

Copyright © 2001-2022 Syncfusion, Inc. Updated on 2022-12-22 at precisely 08:50:38 EST.