反应状态管理今天

Facebook的新的国家管理库 - 反冲的崛起

图像后
图像后

ReactJS的迅速崛起是它的简单性与性能优势结合起来的结果。从虚拟DOM,可重用的组件,以及直观的学习过程中的渲染效率,带来了许多开发商选择反应。

然而,当谈到反应状态管理缺乏直观和有效的解决方案,一直是反复出现的问题,这导致Facebook的新状态管理库,反冲的崛起。

首先,让我们的一些与状态管理的现有方法的问题有基本的了解。

所以,有什么不对的状态管理库?

图像后
图像后
终极版数据流

终极版创建一个集中的存储和确实在解决这些核心问题的有效的工作,然而,这有它自己的问题:

  • 陡峭的学习曲线:为了有效地实现终极版,开发者需要获取有关概念和术语具有选择器,减速器,动作,mapStateToProps,和更熟悉。
  • 重组业务逻辑:引入终极版需要集中存储,并采取将业务逻辑从反应的组分,以行动和减速,这与作出反应的基于组件的方法了。
  • 太多的样板:文件结构和流动的复杂性在整个终极版的应用程序可以恐吓和困难作出反应开发者学习。
  • 无并发模式的支持:反应很快被释放并发模式和终极版目前没有这种支持。

了解更多有关使用Redux的问题这里

许多与终极版等国家管理库相关联的这些问题已经导致了状态管理的更直观的方法,既可扩展性和更阵营十岁上下的要求。

Facebook的再出来,以解决其中的一些问题与上下文API。

希望在以后阅读这个故事吗?将它保存在日志

但是,什么是错的上下文API?

图像后
图像后
上下文API全局状态可视化

然而,上下文API仅用于低频更新良好,并具有其他一些限制和问题:

  • 减高性能:该方法上下文设置导致不必要的和不可预知的重新呈现。每次阵营上下文提供获取一个新值,所有消耗该值的组件是重新绘制,即使组件刚刚与状态的一部分进行交互。
  • 上下文地狱:尽管API语境相比具有终极版几乎没有样板,添加上下文提供使凌乱且无法读取代码,这使得一个非常令人沮丧的工作空间。

了解更多关于上下文API及其问题这里

所以,下一步怎么走?

图像后
图像后

什么是反冲?

最小样板

图像后
图像后

易学阵营上下的方法

反冲钩列表:

  • useRecoilState()
  • useRecoilValue()
  • useSetRecoilState()
  • useResetRecoilState()
  • useRecoilCallback()

了解更多关于反冲鱼钩这里

性能改进

图像后
图像后

动态创建的状态

图像后
图像后

并行模式支持

了解更多关于并发方式这里

终极版样开发调试工具(Recoilize)

图像后
图像后
Recoilize开发工具演示

退房Recoilize开发工具这里

结论

看看这个视频了解更多关于反冲开始!

更多来自杂志

媒体是一个开放的平台,其中1.7亿读者来找洞察力和动态思维。在这里,专家和未被发现的声音都潜入任何主题的心脏和表面带来新的理念。学到更多

按照作家,出版物和主题,此事给你,你会看到他们在您的主页,并在您的收件箱。探索

如果你有一个故事,知识共享,或提供一个视角 - 欢迎回家。这很容易和自由发表任何话题你的思维。写在中

获取中的应用

一个按钮,上面写着“在App Store下载”,如果点击它会导致你的iOS应用商店
一个按钮,说“得到它,谷歌播放”,如果点击它会导致你在谷歌Play商店