反应:总是获取数据或保存数据前端

所以我正在React中从事IoT SaaS项目。 用户选择一个传感器和一个时间范围,并以约5分钟的分辨率接收图表中可视化的数据。 我的问题是有关在前端获取和保存此数据时的最佳做法。 我已经尝试过总是提取,但效果很好,但是会使系统运行缓慢。 当用户在传感器之间快速来回切换时,尤其如此。 我还尝试过将数据保存为react状态下的json。 这显着提高了性能,但还有许多其他问题。 浏览器开始抱怨ram的使用,有时可能会出现内存不足的错误。 还有很多需要处理的数据,例如为同一传感器保存多个非连续数据范围,定位和合并日期范围重叠等...

所以我想知道这里的最佳实践是什么,我应该始终获取或保存在前端吗?有什么我可以使用的框架来帮助我进行数据处理前端,还是我必须手动进行?

lyz2046 回答:反应:总是获取数据或保存数据前端

将所有数据保存在前端是一种反模式。由于内存和不同步问题。为了使您的系统看起来更快,并使用后端数据,您可以尝试以下操作:

  1. 乐观的回应。该技术在执行实际请求时,会在前端使用后端逻辑的一些简化部分。因此,用户将在后端数据到达浏览器之前看到结果。假设您正在后端进行+1操作。用户发送数字2来执行此操作。因此,您可以在前端使用const optimisticResponse = (userData) => userData + 1。然后,当您从后端获取数据时,您可以覆盖所需的值
  2. GraphQL通过仅向后端询问所需数据来减少开销。
本文链接:https://www.f2er.com/3123303.html

大家都在问