It has nothing to do with architecture, but rather understanding how the DOM works. The DOM is notoriously slow, so you should never render a huge number of rows at once. You can render millions of rows in plain JavaScript without impacting performance.

Here, I have recreated your JS example with searching and filtering and it does not crash. It's trivial to reuse a similar approach with the real backend and real events from the event source.

https://htmlpreview.github.io/?https://gist.githubuserconten...

*Update: Here is 1 million rows table with search, filtering and pagination. In plain Javascript:

https://htmlpreview.github.io/?https://gist.githubuserconten...

The point should not be using the spread operator at all costs. There are other ways in javascript to push multiple elements in an array that are more efficient than the spread operator.

The fact you didn't even stop to wonder why the error was a stack overflow when you weren't using recursive functions is also telling.

What do you mean?