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

时间:2017-08-09 14:39:36

标签: javascript optimization react-native asyncstorage

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

我的问题:我正在努力查看是否更好地应用下面提到的“新”计划而不是当前的计划。由于RN正在使用JavaScript Core,它是否以非阻塞方式运行代码,如Node.js?建议表示赞赏。

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

:我不是等待互联网可用性,而是简单地渲染缓存数据(如果可用)。这会是一个更好的方法吗?还是有更好的?

1 个答案:

答案 0 :(得分:0)

<强> 1。将redux-persist添加到应用。

<强> 2。将所有需要的状态密钥列入白名单     坚持不懈。

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

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

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

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

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