Reactjs 反应：始终在前端获取数据或保存数据

因此，我正在React进行物联网SaaS项目。 用户选择传感器和时间范围，并以大约5分钟的分辨率接收图表中的可视化数据。 我的问题是关于在前端处理这些数据的获取和保存时的最佳实践。 我一直在尝试抓取，虽然效果很好，但会使系统运行缓慢。 当用户在传感器之间快速来回切换时尤其如此。 我也尝试过保存数据，就像在react状态下保存json一样。 这显著提高了性能，但还存在许多其他问题。 浏览器开始抱怨ram的使用，有时会出现内存不足的错误。 还有许多需要处理的数据，如为同一传感器保存多个非连续数据范围、定位和合并数据范围重叠等

---

所以我想知道这里的最佳实践是什么，我应该总是在前端获取还是保存？是否有任何框架可以帮助我处理前端数据，或者我必须手动执行此操作。

在前端保存所有数据是一种反模式。因为内存和不同步问题。要使您的系统看起来运行更快，并使用后端数据，您可以尝试以下操作：

乐观的回应。这种技术在前端使用后端逻辑的一些简化部分，同时执行实际请求。所以，用户将在后端数据到达浏览器之前看到结果。假设您正在后端执行+1操作。用户发送数字2来执行此操作。因此，在前端，您可以使用一些

constoptimisticresponse=（userData）=>userData+1

。然后，当您从后端获取数据时，您可以根据需要覆盖值

允许您通过仅向后端请求所需的数据来减少开销

---

嗯，我不知道这种情况下的最佳做法是什么，但在前端不断获取数据或保存数据对我来说是错误的…正如你提到的，浏览器/电脑会抱怨。你有没有尝试将数据流化？基本上在后端和前端保存所有内容？