{"id":19135168,"url":"https://github.com/uptechteam/react-filter-demo","last_synced_at":"2025-10-08T20:06:48.306Z","repository":{"id":114165784,"uuid":"170336659","full_name":"uptechteam/react-filter-demo","owner":"uptechteam","description":"Demonstration of how to implement search in large amounts of data (up to 2+ million rows) at frontend ","archived":false,"fork":false,"pushed_at":"2019-02-20T15:39:57.000Z","size":1965,"stargazers_count":130,"open_issues_count":0,"forks_count":26,"subscribers_count":16,"default_branch":"master","last_synced_at":"2025-05-06T19:32:03.512Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://uptechteam.github.io/react-filter-demo","language":"JavaScript","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/uptechteam.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":"2019-02-12T14:57:31.000Z","updated_at":"2024-09-29T02:40:10.000Z","dependencies_parsed_at":null,"dependency_job_id":"1ba0ab42-e334-4102-93f1-bb7520c9b93b","html_url":"https://github.com/uptechteam/react-filter-demo","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/uptechteam/react-filter-demo","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uptechteam%2Freact-filter-demo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uptechteam%2Freact-filter-demo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uptechteam%2Freact-filter-demo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uptechteam%2Freact-filter-demo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/uptechteam","download_url":"https://codeload.github.com/uptechteam/react-filter-demo/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uptechteam%2Freact-filter-demo/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279000701,"owners_count":26082819,"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","status":"online","status_checked_at":"2025-10-08T02:00:06.501Z","response_time":56,"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":"2024-11-09T06:29:22.698Z","updated_at":"2025-10-08T20:06:48.286Z","avatar_url":"https://github.com/uptechteam.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n\u003cimg src=\"https://uptech.team/things-for-serve/uptech-logo-color-text.png\" align=\"right\"/\u003e\n\n# Filtering large amount of data\n\n## Why ?\n\nSometimes you need to filter 1Gb JSON file on frontend (± 2 millions records) without crashing the browser. [Read more](https://medium.com/@oleksii.kryvonosov/how-to-filter-1gb-json-on-the-frontend-and-not-crash-the-browser)\n\n## Working demo ?\n\n[Sure!](https://uptechteam.github.io/react-filter-demo/)\n\nor\n\n\u003cimg src=\"https://cdn-images-1.medium.com/max/800/0*bp76bkmmI3wC-vXW\" align=\"center\" /\u003e\n\n## What do you use ?\n\nKey dependencies: \n1. [React](https://reactjs.org/)\n2. [react-virtualized](https://github.com/bvaughn/react-virtualized) - for rendering large arrays.\n3. [simple-web-worker](https://github.com/israelss/simple-web-worker) - for filtering lareg arrays.\n\nThis project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).\n\n## How to run localy ? \n\n1. Clone this projec.\n2. `npm i`\n3. `npm run start`\n\nAlso you can use any other comands from  [Create React App](https://github.com/facebook/create-react-app).\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fuptechteam%2Freact-filter-demo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fuptechteam%2Freact-filter-demo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fuptechteam%2Freact-filter-demo/lists"}