What is the best way to deal with large and dynamic FlatLists? about mobx-react HOT 3 CLOSED

That's not a question for MobX which simply lets you know when any change happens. What you need to handle is some virtualized way of rendering that list so only a visible portion is rendered. I have no idea how to do that with FlatList (I assume React Native?).

Closing as we can't really help you here.

from mobx-react.

For bare React, to add an item to an array, we would setArray([...array, new item]).

My question is more like: with MobX, is there a more performant way to deal with large arrays? Would doing any array operation with MobX would under the hoods also do this shallow array clone that isn't very good for large arrays?

Also yes, FlatList is a React Native scrollable component. It only renders data that is displayable on the screen, given an array of data and a function to render them.

from mobx-react.

Well, MobX is mutable by nature, so instead of cloning, just .push or .splice.

from mobx-react.