对于需要加载大型数据文件的 React 网站,最佳设计是什么

What is the best design for a react website that will need to load large data files

我正在构建一个 React 网站,其中许多页面将是 d3 数据可视化。我正在为这些可视化加载大型数据文件(每个 ~5MB 的 csv 或 json)。

其中一个页面的文件夹结构是这样的:

 -src/
   --pages/
   ---vis1/
   ----app.js
   ----styles.scss
   ----bigdata.csv
   ----otherdata.json

然后,在 app.js 中,我可以 import data from './bigdata.csv'; 并在组件中使用它。目前这一切正常,但我不知道这种设计将来会如何扩展。我最终可能需要更大的数据文件,而且我还计划最终包含数百张照片。我应该把这些东西放在数据库中并编写服务器端代码吗? AWS云存储?还有别的吗?我不知道其中的任何一个是如何工作的,所以我想弄清楚它是否有意义学习。

我见过的大多数 React 教程都很少涉及数据加载。专门针对 design/data 的博客和帖子,例如 this, or , or this 也没有真正帮助。

我的建议是,如果你不需要全部导入,你应该从后端解决。将数据存储在后端,然后在需要时获取(延迟加载)。您可以使用分页(如数据表)或滚动(如社交媒体主页)