Virtualized-list components a possible great application? about crank HOT 2 CLOSED

No I think you’re definitely onto something! One cool thing is that we can actually reuse arrays of elements, because they’re preserved between renders:

function *VirtualList() {
  let els = Array.from({length: 1000}, (i) => <VirtualEl crank-key={i} />);
  // some listener which mutates elements
  while (true) {
    yield <div>{els}</div>;
  }
}

This might decrease the memory requirements of huge stateful arrays. You could do this in React, but putting actual elements in React state always felt icky, and elements themselves were supposed to be immutable. We don’t have that requirement in Crank, and mutating elements in rare cases where memory needs to be reused could be kinda cool. Maybe it’s a huge mistake but I think there’s a lot of room for experimentation.

from crank.

FYI this is the new kid in the block and the alternative for react-window:
React hooks implementation
https://github.com/tannerlinsley/react-virtual

from crank.