加载数据供离线使用的最佳方法

Question

我正在设置一个 React Native 应用程序，需要弄清楚如何有效地查询数据。数据的结构/相关性如下：

Locations (approx 100)

-Years (4)

--Datatype A

--Datatype B

--Datatype C

--Datatype D

因此，要加载初始数据，需要第一个 api 调用来加载所有位置，然后大约有 1600 个 api 调用来加载所有数据（100 个位置 x 4 年 x 4 种数据类型）。

通过指定位置 ID 和年份 ID 来查询数据类型。

它需要离线可用，因此确实需要以某种方式初始加载所有内容。

你会怎么做？我对 Zustand 和 React Query 相当熟悉。

Answer 1

您可以使用

persister 插件

中的 PersistQueryClient 将数据存储在本地存储等存储中，以便在用户没有网络连接时也可以使用。但我可能会重新考虑架构，因为页面加载时调用 1600 个 api 听起来不太好。