Create a React application that reads a CSV file and displays it in a table view.
It must do the following:
- Allow a user to drag + drop CSV file into the ui
- Display each row effectively
- Allow row selection/highlighting
- CSV file starts off as small, but this should scale to 1M+ rows
- Performance, try not to lock the browser on this one
- UI doesn't have to be pretty, but it shouldn't be ugly
- Try to complete this in under 1 hour
- Google and NPM modules are fair game
- Run
npm install
- Run
npm run generate-csv:sm
to create a dataset size 1000. This will make a file calleddata.csv
in the root directory - Run
npm run start
to spin up the app onlocalhost:1234
- To test on larger datasets, run
npm run generate-csv:md
for 100k rows andnpm run generate-csv:lg
for 1M rows - Have fun
- Would your solution be able to handle an extremely large CSV file(1GB+)? If not, how would you fix it.
- What ways could you improve your solution?
- How would you implement editing of row data
- How would you implement exporting edited data to CSV