https://github.com/uptechteam/react-filter-demo
Demonstration of how to implement search in large amounts of data (up to 2+ million rows) at frontend
https://github.com/uptechteam/react-filter-demo
Last synced: 8 months ago
JSON representation
Demonstration of how to implement search in large amounts of data (up to 2+ million rows) at frontend
- Host: GitHub
- URL: https://github.com/uptechteam/react-filter-demo
- Owner: uptechteam
- Created: 2019-02-12T14:57:31.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2019-02-20T15:39:57.000Z (over 7 years ago)
- Last Synced: 2025-05-06T19:32:03.512Z (about 1 year ago)
- Language: JavaScript
- Homepage: https://uptechteam.github.io/react-filter-demo
- Size: 1.87 MB
- Stars: 130
- Watchers: 16
- Forks: 26
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Filtering large amount of data
## Why ?
Sometimes 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)
## Working demo ?
[Sure!](https://uptechteam.github.io/react-filter-demo/)
or
## What do you use ?
Key dependencies:
1. [React](https://reactjs.org/)
2. [react-virtualized](https://github.com/bvaughn/react-virtualized) - for rendering large arrays.
3. [simple-web-worker](https://github.com/israelss/simple-web-worker) - for filtering lareg arrays.
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
## How to run localy ?
1. Clone this projec.
2. `npm i`
3. `npm run start`
Also you can use any other comands from [Create React App](https://github.com/facebook/create-react-app).