Reactjs 加载图像提要的最有效方式(加载时间和带宽)是什么?

Reactjs 加载图像提要的最有效方式(加载时间和带宽)是什么?,reactjs,firebase,react-virtualized,Reactjs,Firebase,React Virtualized,我正在实现一个图像滚动提要,每个“行”只显示一个图像,与Instagram的提要相同。 我正在使用React&Firebase来实现它,我正在试图找出实现它的最佳方式是什么? 寻呼?无限卷轴?反应虚拟化?还有别的吗? 因为我使用Firebase,所以我希望它尽可能少地使用“Firebase资源”,当然,我也希望快速加载图像 谢谢大家! 您当然需要为此进行分页。您可以将分页与无限滚动相结合,为用户提供更好的交互性并降低成本 例如,您分批加载Firebase中的所有数据(5-10个适合您的数据),随

我正在实现一个图像滚动提要,每个“行”只显示一个图像,与Instagram的提要相同。 我正在使用React&Firebase来实现它,我正在试图找出实现它的最佳方式是什么? 寻呼?无限卷轴?反应虚拟化?还有别的吗? 因为我使用Firebase,所以我希望它尽可能少地使用“Firebase资源”,当然,我也希望快速加载图像


谢谢大家!

您当然需要为此进行分页。您可以将分页无限滚动相结合,为用户提供更好的交互性并降低成本


例如,您分批加载Firebase中的所有数据(5-10个适合您的数据),随着用户不断滚动,您逐渐分批获得越来越多的数据。

Firebase中的分页确实很难实现。虽然我不喜欢react,但在Firebase中设置分页并没有太大困难。你可以按照一些教程,一旦你了解了它。不会有太多麻烦。您可以在这里参考reactjs中的分页