{"id":50799063,"url":"https://github.com/flexmonster/react-sample","last_synced_at":"2026-06-12T17:31:01.568Z","repository":{"id":355812968,"uuid":"1199418180","full_name":"flexmonster/react-sample","owner":"flexmonster","description":"React pivot table example with Flexmonster 3.0 (preview)","archived":false,"fork":false,"pushed_at":"2026-05-21T12:19:14.000Z","size":355,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2026-05-21T20:53:24.237Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://prerelease.flexmonster.com","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/flexmonster.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-04-02T10:28:53.000Z","updated_at":"2026-05-21T12:19:18.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/flexmonster/react-sample","commit_stats":null,"previous_names":["flexmonster/react-sample"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/flexmonster/react-sample","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flexmonster%2Freact-sample","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flexmonster%2Freact-sample/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flexmonster%2Freact-sample/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flexmonster%2Freact-sample/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/flexmonster","download_url":"https://codeload.github.com/flexmonster/react-sample/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flexmonster%2Freact-sample/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34256180,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-12T02:00:06.859Z","response_time":109,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":[],"created_at":"2026-06-12T17:31:00.776Z","updated_at":"2026-06-12T17:31:01.562Z","avatar_url":"https://github.com/flexmonster.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React pivot grid | Flexmonster 3.0 (preview) sample project with React\n\n[![Flexmonster Pivot](https://cdn.flexmonster.com/readmes/react_30.webp)](https://prerelease.flexmonster.com/?r=sample_30_react)\nWebsite: [prerelease.flexmonster.com](https://prerelease.flexmonster.com/?r=sample_30_react)\n\n[![Github Stars](https://img.shields.io/github/stars/flexmonster?style=social)](https://github.com/flexmonster) [![Twitter](https://img.shields.io/twitter/follow/Flexmonster?style=social)](https://x.com/Flexmonster)\n\nFlexmonster 3.0 is an upcoming major update for [Flexmonster Pivot Table \u0026 Charts](https://www.flexmonster.com/?r=sample_30_react), a powerful JavaScript pivot table component. Check out the [Flexmonster 3.0 roadmap](https://prerelease.flexmonster.com/roadmap?r=sample_30_react#current) and keep track of the latest updates.\n\nThis repository contains sample [Next.js](https://nextjs.org/) and [React](https://react.dev/) projects for Flexmonster Pivot 3.0 (preview).\n\nTable of contents:\n\n* [Prerequisites](#prerequisites)\n* [Installation](#installation)\n* [What is inside the projects](#what-is-inside-the-projects)\n* [Related Flexmonster docs](#related-flexmonster-docs)\n* [Support and feedback](#support-and-feedback)\n* [Flexmonster licensing](#flexmonster-licensing)\n* [Social media](#social-media)\n\n## Prerequisites\n\n- [Node.js 20 or later](https://nodejs.org/en/)\n\n## Installation\n\n1. Download a `.zip` archive with the sample project or clone it from GitHub with the following command:\n\n```bash\ngit clone https://github.com/flexmonster/react-sample.git \u0026\u0026 cd react-sample\n```\n\n2. Choose one of the following projects:\n\n    - To work with the **Next.js** project, go to the `next/` folder:\n    \n    ```bash\n    cd next\n    ```\n    - To see how the **React ES6** project works, run the following command:\n    ```bash\n    cd es6\n    ```\n\n3. Install the npm dependencies described in `package.json`:\n\n```bash\nnpm install\n```\n\n4. Run the sample project:\n\n```bash\nnpm run dev\n```\n\nTo see the result, open the project in your browser.\n\n## What is inside the projects\n\nReact sample projects contain a basic example of Flexmonster Pivot 3.0 usage.\n\n## Related Flexmonster docs\n\n- [Embed the Flexmonster UI](https://prerelease.flexmonster.com/doc/react/embed-flexmonster-ui/?r=sample_30_react) — learn how to integrate Flexmonster into React and Next.js projects.\n\n## Support and feedback\n\nIn case of any issues, visit our [Troubleshooting](https://prerelease.flexmonster.com/doc/react/troubleshooting/?r=sample_30_react) section and look through the list of [common issues](https://prerelease.flexmonster.com/doc/react/common-client-side-issues/?r=sample_30_react).\n\nTo share your feedback or ask questions, contact our Tech team by raising a ticket on our [Help Center](https://www.flexmonster.com/help-center/?r=sample_30_react).\n\n## Flexmonster licensing\n\nThis sample project is released under the MIT license (free and open-source). Also, it uses the [Flexmonster 3.0 (preview) wrapper for React](https://github.com/flexmonster/react), which is governed by the Flexmonster Software License Agreement: [https://www.flexmonster.com/software-license-agreement/](https://www.flexmonster.com/software-license-agreement/?r=sample_30_react).\n\nFlexmonster offers a 30-day free trial so you can evaluate our product. Pricing for commercial license models can be found on the [Flexmonster pricing page](https://www.flexmonster.com/pivot-table-editions-and-pricing/?r=sample_30_react).\n\nIf you need any help with your license, fill out our [Contact form](https://www.flexmonster.com/contact-our-team/?r=sample_30_react), and we will get in touch with you.\n\n## Social media\n\nFollow us on social media and stay updated on our development process!\n\n[![YouTube](https://img.shields.io/badge/YouTube-red?style=for-the-badge\u0026logo=youtube\u0026logoColor=white\u0026logoSize=auto)](https://youtube.com/user/FlexMonsterPivot) [![X](https://img.shields.io/badge/@Flexmonster-black?style=for-the-badge\u0026logo=x\u0026logoColor=white\u0026logoSize=auto)](https://x.com/flexmonster) [![LinkedIn](https://img.shields.io/badge/LinkedIn-blue?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white)](https://linkedin.com/company/flexmonster)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fflexmonster%2Freact-sample","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fflexmonster%2Freact-sample","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fflexmonster%2Freact-sample/lists"}