React,优化昂贵的组件渲染时间(阻止渲染)

时间:2018-01-31 13:05:42

标签: javascript reactjs react-native react-router rendering

我的SPA中有两页,请说主页 SongsList

SongsList 页面中,我有一个很大的组件,列出了我最喜欢的歌曲(数百万!)。

所以现在当我点击 SongsList 菜单项(我使用react-router)时,我的浏览器会在完成列表组件的渲染之前冻结一下。

我需要的是首先渲染页面(也许是空白的)然后慢慢地并且不阻塞页面(可能在其他线程中或以其他方式,这是我要求的)我可以渲染百万,数十亿首歌曲。

如何?

不会发生非阻塞事件?

我可以使用网络工作者吗?

这个问题有哪些技巧?

更新

这不是分页问题。让我们说列表很小但是我渲染了大量的div。

0 个答案:

没有答案