Large Arrays - Load More / Loading feature

[kane-mason]

General information

• json-editor version: 2.6.1

Expected behavior

The array loads without the page becoming unresponsive

Actual behavior

The page becomes unresponsive

Steps to reproduce the behavior

The problem of performance when using large arrays seems to be well known and documented:

1. https://github.com/json-editor/json-editor/wiki/Handle-Large-Arrays-with-the-JSON-editor
2. Improve performance when dealing with large json content #252

The test data from two can be used to reproduce.

Suggestion

I do not have a solution to improving the performance, I am suggesting a different approach or workaround. Even the best performance improvements will have eventually have limitations since arrays could literally be any size.

So instead, why dont we rather check length of array and only show 50/100/200 (maybe configurable) at a time. We could have a Load More button, i think this is best, so you can view and edit the rest of the document and load the array onto the page as you wish. Otherwise a Loading ellipsis, the rest of the page is allowed to load and render, while the big array loads async, with clever work not to block the thread, this is probably a bit complex.