{"id":24829393,"url":"https://github.com/stimulsoft/samples-reports.js-for-react","last_synced_at":"2025-10-14T02:32:11.293Z","repository":{"id":170686147,"uuid":"646893180","full_name":"stimulsoft/Samples-Reports.JS-for-React","owner":"stimulsoft","description":"JavaScript samples for Reports.JS reporting components for React applications","archived":false,"fork":false,"pushed_at":"2025-01-28T17:21:18.000Z","size":49201,"stargazers_count":5,"open_issues_count":0,"forks_count":3,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-01-28T18:27:43.958Z","etag":null,"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"],"latest_commit_sha":null,"homepage":"https://www.stimulsoft.com/en/products/reports-js","language":"HTML","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/stimulsoft.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-05-29T15:22:07.000Z","updated_at":"2025-01-28T17:21:23.000Z","dependencies_parsed_at":null,"dependency_job_id":"c5e51175-0976-49b7-9682-b6a0e5b861ff","html_url":"https://github.com/stimulsoft/Samples-Reports.JS-for-React","commit_stats":null,"previous_names":["stimulsoft/samples-reports.js-for-react"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stimulsoft%2FSamples-Reports.JS-for-React","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stimulsoft%2FSamples-Reports.JS-for-React/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stimulsoft%2FSamples-Reports.JS-for-React/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stimulsoft%2FSamples-Reports.JS-for-React/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/stimulsoft","download_url":"https://codeload.github.com/stimulsoft/Samples-Reports.JS-for-React/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":236436466,"owners_count":19148512,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["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"],"created_at":"2025-01-30T23:05:43.446Z","updated_at":"2025-10-14T02:32:11.283Z","avatar_url":"https://github.com/stimulsoft.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React samples for Stimulsoft Reports.JS\n\n## Overview\nThis 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.\n\n#### Localization and Globalization\n* [Localizing the Designer](https://github.com/stimulsoft/Samples-Reports.JS-for-React/blob/main/src/Localization%20and%20Globalization/Localizing%20the%20Designer.tsx)\n* [Localizing the Viewer](https://github.com/stimulsoft/Samples-Reports.JS-for-React/blob/main/src/Localization%20and%20Globalization/Localizing%20the%20Viewer.tsx)\n* [Globalizing Report](https://github.com/stimulsoft/Samples-Reports.JS-for-React/blob/main/src/Localization%20and%20Globalization/Globalizing%20Report.tsx)\n\n#### Fonts and Resources\n* [Using a Custom Font](https://github.com/stimulsoft/Samples-Reports.JS-for-React/blob/main/src/Fonts%20and%20Resources/Using%20a%20Custom%20Font.tsx)\n* [Adding a Font to the Resource](https://github.com/stimulsoft/Samples-Reports.JS-for-React/blob/main/src/Fonts%20and%20Resources/Adding%20a%20Font%20to%20the%20Resource.tsx)\n\n#### Printing and Exporting\n* [Printing a Report from Code](https://github.com/stimulsoft/Samples-Reports.JS-for-React/blob/main/src/Printing%20and%20Exporting/Printing%20the%20Report%20from%20Code.tsx)\n* [Exporting a Report to PDF](https://github.com/stimulsoft/Samples-Reports.JS-for-React/blob/main/src/Printing%20and%20Exporting/Exporting%20a%20Report%20to%20PDF.tsx)\n* [Exporting a Report to HTML](https://github.com/stimulsoft/Samples-Reports.JS-for-React/blob/main/src/Printing%20and%20Exporting/Exporting%20a%20Report%20to%20HTML.tsx)\n* [Exporting a Report from Code with Changing Export Settings](https://github.com/stimulsoft/Samples-Reports.JS-for-React/blob/main/src/Printing%20and%20Exporting/Exporting%20a%20Report%20from%20Code%20with%20Changing%20Export%20Settings.tsx)\n* [Exporting Many Files to Single PDF](https://github.com/stimulsoft/Samples-Reports.JS-for-React/blob/main/src/Printing%20and%20Exporting/Exporting%20Many%20Files%20to%20Single%20PDF.tsx)\n\n#### Data Connection and Registration\n* [Creating a new Data Connection from code](https://github.com/stimulsoft/Samples-Reports.JS-for-React/blob/main/src/Data%20Connection%20and%20Registration/Creating%20a%20new%20Data%20Connection%20from%20code.tsx)\n* [Registering Data from Code](https://github.com/stimulsoft/Samples-Reports.JS-for-React/blob/main/src/Data%20Connection%20and%20Registration/Registering%20Data%20from%20Code.tsx)\n* [Using SQL Data Sources](https://github.com/stimulsoft/Samples-Reports.JS-for-React/blob/main/src/Data%20Connection%20and%20Registration/Using%20SQL%20Data%20Sources.tsx)\n* [Using Parameters in SQL Query](https://github.com/stimulsoft/Samples-Reports.JS-for-React/blob/main/src/Data%20Connection%20and%20Registration/Using%20Parameters%20in%20SQL%20Query.tsx)\n* [Using a Custom Data Adapter](https://github.com/stimulsoft/Samples-Reports.JS-for-React/blob/main/src/Data%20Connection%20and%20Registration/Using%20a%20Custom%20Data%20Adapter.tsx)\n* [Supply Custom Headers for JSON Database](https://github.com/stimulsoft/Samples-Reports.JS-for-React/blob/main/src/Data%20Connection%20and%20Registration/Supply%20Custom%20Headers%20for%20JSON%20Database.tsx)\n\n#### Working with Viewer Settings and Events\n* [Customizing the Designer](https://github.com/stimulsoft/Samples-Reports.JS-for-React/blob/main/src/Working%20with%20Designer%20and%20Viewer%20Settings%20and%20Events/Customizing%20the%20Designer.tsx)\n* [Changing the Designer Theme](https://github.com/stimulsoft/Samples-Reports.JS-for-React/blob/main/src/Working%20with%20Designer%20and%20Viewer%20Settings%20and%20Events/Changing%20the%20Designer%20Theme.tsx)\n* [Customizing the Viewer](https://github.com/stimulsoft/Samples-Reports.JS-for-React/blob/main/src/Working%20with%20Designer%20and%20Viewer%20Settings%20and%20Events/Customizing%20the%20Viewer.tsx) \n* [Changing the Viewer Theme](https://github.com/stimulsoft/Samples-Reports.JS-for-React/blob/main/src/Working%20with%20Designer%20and%20Viewer%20Settings%20and%20Events/Changing%20the%20Viewer%20Theme.tsx)\n* [Showing a Report in the Viewer without Toolbar](https://github.com/stimulsoft/Samples-Reports.JS-for-React/blob/main/src/Working%20with%20Designer%20and%20Viewer%20Settings%20and%20Events/Showing%20a%20Report%20in%20the%20Viewer%20without%20Toolbar.tsx)\n* [Using Designer Events](https://github.com/stimulsoft/Samples-Reports.JS-for-React/blob/main/src/Working%20with%20Designer%20and%20Viewer%20Settings%20and%20Events/Using%20Designer%20Events.tsx)\n* [Using Viewer Events](https://github.com/stimulsoft/Samples-Reports.JS-for-React/blob/main/src/Working%20with%20Designer%20and%20Viewer%20Settings%20and%20Events/Using%20Viewer%20Events.tsx)\n* [Working with onDesign and onExit Events](https://github.com/stimulsoft/Samples-Reports.JS-for-React/blob/main/src/Working%20with%20Designer%20and%20Viewer%20Settings%20and%20Events/Working%20with%20onDesign%20and%20onExit%20Events.tsx)\n* [Using the two Viewer in the One Project](https://github.com/stimulsoft/Samples-Reports.JS-for-React/blob/main/src/Working%20with%20Designer%20and%20Viewer%20Settings%20and%20Events/Using%20the%20two%20Viewer%20in%20the%20One%20Project.tsx)\n* [Get a modified Report from the Designer](https://github.com/stimulsoft/Samples-Reports.JS-for-React/blob/main/src/Working%20with%20Designer%20and%20Viewer%20Settings%20and%20Events/Get%20a%20modified%20Report%20from%20the%20Designer.tsx)\n* [Using the Right-To-Left Mode in the Viewer](https://github.com/stimulsoft/Samples-Reports.JS-for-React/blob/main/src/Working%20with%20Designer%20and%20Viewer%20Settings%20and%20Events/Using%20the%20Right-To-Left%20Mode%20in%20the%20Viewer.tsx)\n\n#### Working with Reports and Advanced Features\n* [How to Activate the Product](https://github.com/stimulsoft/Samples-Reports.JS-for-React/blob/main/src/Working%20with%20Reports%20and%20Advanced%20Features/How%20to%20Activate%20the%20Product.tsx)\n* [Rendering a Report from Code](https://github.com/stimulsoft/Samples-Reports.JS-for-React/blob/main/src/Working%20with%20Reports%20and%20Advanced%20Features/Rendering%20a%20Report%20from%20Code.tsx)\n* [Using Report Variables in Code](https://github.com/stimulsoft/Samples-Reports.JS-for-React/blob/main/src/Working%20with%20Reports%20and%20Advanced%20Features/Using%20Report%20Variables%20in%20Code.tsx)\n* [Creating Report at Runtime](https://github.com/stimulsoft/Samples-Reports.JS-for-React/blob/main/src/Working%20with%20Reports%20and%20Advanced%20Features/Creating%20Report%20at%20Runtime.tsx)\n\n## Running samples\nTo run the examples, run the following commands in the console:\n* use `npm install` to install requred modules;\n* use `npm start` to run sample;\n* navigate to http://localhost:3000/.\n\n## Connect to SQL databases\nSince 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.\n* [DataAdapters.JS](https://github.com/stimulsoft/DataAdapters.JS)\n\n## Other JS reporting components\nMany examples for other platforms and technologies are collected in separate repositories:\n* [HTML / JS](https://github.com/stimulsoft/Samples-Reports.JS-for-HTML)\n* [Angular](https://github.com/stimulsoft/Samples-Reports.JS-for-Angular)\n* [Node.js](https://github.com/stimulsoft/Samples-Reports.JS-for-Node.js)\n* [Python](https://github.com/stimulsoft/Samples-Reports.JS-for-Python)\n* [Vue.js](https://github.com/stimulsoft/Samples-Reports.JS-for-Vue.js)\n\n## About Stimulsoft Reports.JS\nStimulsoft 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.\n\n## Useful links\n* [Live Demo](http://demo.stimulsoft.com/#Js)\n* [Product Page](https://www.stimulsoft.com/en/products/reports-js)\n* [Free Download](https://www.stimulsoft.com/en/downloads)\n* [NPM](https://www.npmjs.com/package/stimulsoft-reports-js)\n* [Documentation](https://www.stimulsoft.com/en/documentation/online/programming-manual/index.html?reports_js.htm)\n* [License](LICENSE.md)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstimulsoft%2Fsamples-reports.js-for-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstimulsoft%2Fsamples-reports.js-for-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstimulsoft%2Fsamples-reports.js-for-react/lists"}