React Native - 如何使用 AsyncStorage 优化应用程序性能

React Native - how to optimize app performance with AsyncStorage

我正在使用 React Native(版本 0.46)开发一个应用程序,它会从一些资源中获取一些数据,呈现它并存储数据以在互联网连接不可用时显示。

我的问题:我想看看应用下面提到的 "new" 计划是否比当前计划更好。由于RN使用的是JavaScript Core,是不是像Node.js那样运行非阻塞方式的代码?不胜感激。

当前:
1. 应用加载。
2. 检查互联网连接(当然是异步的)。
3. 如果有连接:首先,呈现缓存数据(如果存在),然后获取新数据。如果有互联网连接但没有缓存数据,只需获取新数据。
4. 如果没有互联网连接,获取新数据,呈现并存储它。

New:我不是等待互联网可用,而是简单地呈现缓存数据(如果可用)。这是更好的方法吗?或者有更好的吗?

1.将 redux-persist 添加到应用程序

2。将所有需要的状态键列入白名单 坚持了。

3。如果有网络连接,则进行 api 调用 并在成功时刷新状态

注意:我不得不延迟渲染(在 redux-persist 的 v4 中),直到存储重新水合,这在较新的版本中可能不需要。

https://github.com/rt2zz/redux-persist

另一个解决方案可能是 redux-offline 模块:

https://github.com/jevakallio/redux-offline