React.js是否有基本的Flux实现?

时间:2016-02-07 21:16:48

标签: javascript reactjs flux reactjs-flux

我是React.js的新手,我很享受。我在阅读React.js文档时遇到了Flux架构。我知道Flux只是一种模式,并且有许多Flux实现 - 包括Facebook自己的实现。我也知道React.js可以在没有任何Flux实现的情况下使用。

我的问题是:可以说React.js有自己的(小)Flux实现吗?在我看来,我没有看到React.js在没有自己的Flux实现的情况下实现其单向数据流的任何其他方式 - 当然,它可以替换为其他Flux实现。

2 个答案:

答案 0 :(得分:3)

Flux 是处理应用程序状态的模式, React 只是视图库。您不必将 Flux React 一起使用,但这是首选方式。

目前最受欢迎的Flux实施似乎是 Redux

答案 1 :(得分:1)

下面的图片解释了什么是什么,什么没有反应:

  • 绿色东西= React的一部分:用于在DOM(或其他地方)中呈现组件树的库。
  • 单向流意味着只对自上而下的更新做出反应:任何组件都可以渲染/更新/更改自身(通过更改状态)或其子项(通过在树中传递道具)。
  • 蓝色部分是Flux图案的一部分。 React没有任何代码/库组件。

enter image description here

通量元素使圆圈完整:它们允许反应组件触发操作,从而更新存储,并允许(顶部)组件根据商店中的更改重新渲染。 有库(e.d. redux,reflux,alt)实现了通量架构的各种元素。