{"id":23061134,"url":"https://github.com/syncfusionexamples/react-grid-performance-sample","last_synced_at":"2025-04-03T07:17:50.170Z","repository":{"id":253903420,"uuid":"844392117","full_name":"SyncfusionExamples/React-Grid-performance-sample","owner":"SyncfusionExamples","description":"Sample","archived":false,"fork":false,"pushed_at":"2024-08-22T04:28:28.000Z","size":360,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-02-08T20:47:55.929Z","etag":null,"topics":["ej2","grid","react","syncfusion"],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/SyncfusionExamples.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2024-08-19T06:58:22.000Z","updated_at":"2024-08-22T04:28:31.000Z","dependencies_parsed_at":"2024-08-20T08:48:11.781Z","dependency_job_id":"0141e43a-b5b3-4c69-85fb-c9db2af140d0","html_url":"https://github.com/SyncfusionExamples/React-Grid-performance-sample","commit_stats":null,"previous_names":["syncfusionexamples/react-grid-performance-sample"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SyncfusionExamples%2FReact-Grid-performance-sample","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SyncfusionExamples%2FReact-Grid-performance-sample/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SyncfusionExamples%2FReact-Grid-performance-sample/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SyncfusionExamples%2FReact-Grid-performance-sample/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SyncfusionExamples","download_url":"https://codeload.github.com/SyncfusionExamples/React-Grid-performance-sample/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246952281,"owners_count":20859813,"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":["ej2","grid","react","syncfusion"],"created_at":"2024-12-16T03:16:26.591Z","updated_at":"2025-04-03T07:17:50.149Z","avatar_url":"https://github.com/SyncfusionExamples.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React-Grid-performance-sample\n\nIn this demo, the grid is configured to bind 100,000 records across 5 columns. This sample is designed to evaluate performance during the initial rendering of the grid and various data operations, including sorting, filtering, searching, grouping, and paging with different page sizes. You can assess performance by adjusting the page size via the pageSize value in the [pageSettings](https://ej2.syncfusion.com/react/documentation/api/grid/pageSettings/#pagesize) property at the sample level. Additionally, you have the option to enable virtual scrolling by setting [enableVirtualization](https://ej2.syncfusion.com/react/documentation/api/grid/#enablevirtualization), or you can choose to test with pagination by enabling the [allowPaging](https://ej2.syncfusion.com/react/documentation/api/grid/#allowpaging) feature. If you prefer to explore infinite scrolling, you can activate the [enableInfiniteScrolling](https://ej2.syncfusion.com/react/documentation/api/grid/#enableinfinitescrolling) feature at the sample level.\n\n\u003e Note: Paging, Virtual Scrolling, and Infinite Scrolling are unique features, meaning only one of these can be enabled at a time.\n\nRefer to the following link for more information in the documentation.\n\n[Paging](https://ej2.syncfusion.com/react/documentation/grid/paging) \u003cbr/\u003e\n[virtual scroll](https://ej2.syncfusion.com/react/documentation/grid/scrolling/virtual-scrolling) \u003cbr/\u003e\n[Infinite scroll](https://ej2.syncfusion.com/react/documentation/grid/scrolling/infinite-scrolling)\n\n![Image](./react_grid_remote_gif.gif)\n\n## Run \nUse the following command to run the sample\n``` bash\n# install dependencies\nnpm install\n\n# run the application\nnpm start\n\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsyncfusionexamples%2Freact-grid-performance-sample","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsyncfusionexamples%2Freact-grid-performance-sample","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsyncfusionexamples%2Freact-grid-performance-sample/lists"}