todomvc-cycle becomes very slow with a lot of items (blocking script)

[sebastiendavid]

Hi,

First: congrats for the job done with cycle.js, I like the ideas behind this framework.

Now the problem I see is about a list with a lot of children observed by RxJS. In this todomvc example you can fill the localstorage with 2000 items, and see by yourself.

Here the way I produce the slowness by executing this in my developer tools and refreshing the page:

var store = { list: [] };
for (var i = 1; i <= 2000; i++) {
  store.list.push({ title: 'Todo' + i, completed: false, id: i });
}
localStorage.setItem('todos-cycle', JSON.stringify(store));

After this, complete a todo by clicking on it, and you can see a lot of scripting (mostly RxJS stuff):

Of course I think that 2000 todos is a little dumb :D, but maybe it make sense in another kind of app.

[staltz]

Thanks, we'll revise this once we get Cycle working with RxJS 5 and most.js.

[Frikki]

Is this still relevant?

[sebastiendavid]

I just tested it, it's a lot better 👍