https://github.com/stimulsoft/samples-reports.js-for-react

JavaScript samples for Reports.JS reporting components for React applications
https://github.com/stimulsoft/samples-reports.js-for-react

chart data-builder data-viewer document examples excel histogram javascript javascript-reports js native-javascript npm pdf-document react react-app react-native reactjs report-engine reports source

Last synced: 12 days ago
JSON representation

JavaScript samples for Reports.JS reporting components for React applications

• Host: GitHub
• URL: https://github.com/stimulsoft/samples-reports.js-for-react
• Owner: stimulsoft
• License: other
• Created: 2023-05-29T15:22:07.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-01-28T17:21:18.000Z (14 days ago)
• Last Synced: 2025-01-28T18:27:43.958Z (14 days ago)
• Topics: chart, data-builder, data-viewer, document, examples, excel, histogram, javascript, javascript-reports, js, native-javascript, npm, pdf-document, react, react-app, react-native, reactjs, report-engine, reports, source
• Language: HTML
• Homepage: https://www.stimulsoft.com/en/products/reports-js
• Size: 46.9 MB
• Stars: 5
• Watchers: 4
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# React samples for Stimulsoft Reports.JS

#### This repository contains the source code of the examples of usage Stimulsoft Reports.JS reporting tool in the React applications, using JavaScript code and React components. The report generator and examples are fully compatible with any React version.

## Overview

In this folder are available a set of examples of using Stimulsoft Reports.JS builder in React apps:

  

* [Integrating the Report Designer into an Application](https://github.com/stimulsoft/Samples-Reports.JS-for-React/tree/main/Integrating%20the%20Report%20Designer%20into%20an%20Application)  

This folder contains demo of using Stimulsoft Reports.JS Designer in the React project.

  

* [Integrating the Report Viewer into an Application](https://github.com/stimulsoft/Samples-Reports.JS-for-React/tree/main/Integrating%20the%20Report%20Viewer%20into%20an%20Application)  

This folder contains demo of using Stimulsoft Reports.JS Viewer in the React project.

  

* [Integrating the Report Designer into an Application (TypeScript)](https://github.com/stimulsoft/Samples-Reports.JS-for-React/tree/main/Integrating%20the%20Report%20Designer%20into%20an%20Application%20(TypeScript))  

This folder contains demo of using Stimulsoft Reports.JS Designer in the React project (TypeScript version).

  

* [Integrating the Report Viewer into an Application (TypeScript)](https://github.com/stimulsoft/Samples-Reports.JS-for-React/tree/main/Integrating%20the%20Report%20Viewer%20into%20an%20Application%20(TypeScript))  

This folder contains demo of using Stimulsoft Reports.JS Viewer in the React project (TypeScript version).

## Running samples

To run the examples, open the required folder with the example and run the following commands in the console:

* use `npm install` to install requred modules;

* use `npm start` to run sample;

* navigate to http://localhost:8080/ for JS samples or http://localhost:3000/ for TypeScript samples.

## Connect to SQL databases

Since pure JavaScript does not have built-in methods for working with remote databases, this functionality is implemented using server-side code. Therefore, Stimulsoft Reports.JS product contains server data adapters implemented using PHP, Node.js, ASP.NET, Java, .NET Core technologies.

* [DataAdapters.JS](https://github.com/stimulsoft/DataAdapters.JS)

## Other JS reporting components

Many examples for other platforms and technologies are collected in separate repositories:

* [HTML / JS](https://github.com/stimulsoft/Samples-Reports.JS-for-HTML)

* [Angular / AngularJS](https://github.com/stimulsoft/Samples-Reports.JS-for-Angular)

* [Node.js](https://github.com/stimulsoft/Samples-Reports.JS-for-Node.js)

* [Python](https://github.com/stimulsoft/Samples-Reports.JS-for-Python)

* [Vue.js](https://github.com/stimulsoft/Samples-Reports.JS-for-Vue.js)

## About Stimulsoft Reports.JS

Stimulsoft Reports.JS offers a wide range of reporting components created in pure JavaScript. The report builder can be easily integrated into any JavaScript app, works in any modern browser – Chrome, Firefox, Safari, Edge, and supports Node.js. The product contains everything you need to create, edit, build, view and export reports of high complexity.

## Useful links

* [Live Demo](http://demo.stimulsoft.com/#Js)

* [Product Page](https://www.stimulsoft.com/en/products/reports-js)

* [Free Download](https://www.stimulsoft.com/en/downloads)

* [NPM](https://www.npmjs.com/package/stimulsoft-reports-js)

* [Documentation](https://www.stimulsoft.com/en/documentation/online/programming-manual/index.html?reports_js.htm)

* [License](LICENSE.md)