对于需要加载大型数据文件的 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 也没有真正帮助。
我的建议是,如果你不需要全部导入,你应该从后端解决。将数据存储在后端,然后在需要时获取(延迟加载)。您可以使用分页(如数据表)或滚动(如社交媒体主页)
我正在构建一个 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
我的建议是,如果你不需要全部导入,你应该从后端解决。将数据存储在后端,然后在需要时获取(延迟加载)。您可以使用分页(如数据表)或滚动(如社交媒体主页)