在有和不分页的情况下响应本地平面列表

Question

在聊天应用程序中，应该在react中实现分页，用于聊天列表和消息列表吗？什么时候，通过多少时间，我们才能看到绩效的好处？

我尝试用250的数组加载(限制每次调用25项)，没有分页，我没有看到任何性能效益，反应本地平面列表，处理这两种情况，没有性能命中。

我原以为分页列表会加载得更快。分页会对列表中的1000项有利吗？

Answer 1

分页主要是关于API支持和与网络一起工作的优化。例如，您的API端为最后10个项设置了一个缓存，并且第一次只向用户显示这10个项是有意义的。对于分页，我们使用onEndReached。

如果您讨论的是UI性能，则需要检查选项initialNumToRender和maxToRenderPerBatch。来自文件：

The maximum number of items to render in each incremental render batch. The more rendered at once, the better the fill rate, but responsiveness may suffer because rendering content may interfere with responding to button taps or other interactions.

另外，不要忘记键列表优化：

Extractor

• Avoid

• 使用密钥匿名functions

• Memoize昂贵的组件