React.js配方,用于渲染项目的大型增量列表

时间:2015-11-24 18:23:41

标签: javascript reactjs

任务非常简单:我有一个<List />项目(每个 - 小的React组件),例如,每秒10到30个(非均匀的)新项目附加到该列表 - 总计数大约250-500(根本不是那么大) - 理想情况下,附加一些动画。如果我在vanilla JS中这样做,那么我在React中获得了更好的性能(假设因为每秒计算新的虚拟DOM 10-30次)。有没有一种符合方法来提高此任务中的React性能?我尝试了一些shouldComponentUpdate解决方法,但仍然无法正常工作。我也知道有些像<InfiniteList /><VirtualList />这样的“黑客”,但我怀疑它的'灵活性。 或者这个限制是自然的吗?

2 个答案:

答案 0 :(得分:0)

您可以缓存您的列表,并且只更新每50个新项目。

答案 1 :(得分:0)

Facebook最近发布了FixedTableData,它支持延迟呈现和虚拟化。