Flux 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
Flux 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
Flux 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
Flux 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
Flux 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !
授权协议 BSD
开发语言 JavaScript
操作系统 跨平台
软件类型 开源受限软件
开源组织 Facebook
地区 不详
投 递 者 红薯
适用人群 未知
收录时间 2014-07-29

软件简介

温馨提示:该项目除了使用 BSD 协议授权外,还需遵守附加的专利授权

Flux 是一个Facebook开发的、利用单向数据流实现的应用架构,用于 React。Flux应用有三个主要的部分组成:调度程序、存储和视图(React 组件)。

Facebook工程经理Tom Occhino说,由于他们“非常巨大”的代码库和庞大的组织,因而需要“以某种方式使代码结构化,使其更加可预测”。这已经通过 FluxReact 完成。Flux是一个系统架构,用于推进应用中的数据单向流动。React是一个JavaScript框架,用于构建“可预期的”和“声明式的”Web用户界面,它已经使Facebook更快地开发Web应用。 

Flux 应用示例:

Flux 一个数据流周期:

Views ---> (actions) ----> Dispatcher ---> (registered callback) ---> Stores -------+
Ʌ                                                                                   |
|                                                                                   V
+-- (Controller-Views "change" event handlers) ---- (Stores emit "change" events) --+

Flux 相关文档:

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (0)

加载中
更多评论
发表于软件架构专区
2018/04/02 08:07

Flux 会取代 Web MVC,或可不再基于 Servlet 容器了?

对 Java 开发者来说,2017 年 9 月是个热闹的月份不但 Java SE 9、Java EE 8 相继发布,就连 Spring 框架,也在这段时间发布 5.0 正式版。 而新版 Spring 的一大特色,就是 Reactive Web 方案 Web Flux,这是用来替代 Spring Web MVC 的吗?或者,只是终于可以不再基于 Servlet 容器了? 基于 Servlet 容器的 Web MVC 身为 Java 开发者,对于 Spring 框架并不陌生。它起源于 2002 年、Rod Johnson 著作《Expert One-on-One J2E...

22
37
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了博客
2017/06/18 18:35

Flux

感谢支持ayqy个人订阅号,每周义务推送1篇(only unique one)原创精品博文,话题包括但不限于前端、Node、Android、数学(WebGL)、语文(课外书读后感)、英语(文档翻译) 如果觉得弱水三千,一瓢太少,可以去 http://blog.ayqy.net 看个痛快 一.定位 一种模式,用来强化单向数据流(unidirectional data flow) 二.作用 剥离数据层,让数据可预测(React让UI可预测,Flux让数据可预测) 具体做法: 用显式数据,不用衍生数据...

0
0
发表于开源治理专区
2020/08/15 10:36

Flux项目

名称:Flux 类型:GitOps 说明:Flux是一个GitOps Kubernetes操作器(Operator)。Flux是一个自动确保集群状态与git中的配置匹配的工具。它使用集群中的一个操作器来触发Kubernetes内部的部署,这意味着你不需要单独的CD工具。它监视所有相关的镜像存储库,检测新镜像,触发部署并根据部署更新所需的运行配置(以及可配置策略)。好处是:你不需要授予CI访问集群的权限,每个更改都是原子性(atomic)和事务性的(transactional...

0
0
发表于大前端专区
2018/08/08 16:26

学习flux

Flux 是一种架构思想,专门解决软件的结构问题。它跟MVC是同一类东西。 Flux将一个应用分成四个部分: View: 视图层 Action(动作):视图层发出的消息(比如mouseClick) Dispatcher(派发器):用来接收Actions、执行回调函数 Store(数据层):用来存放应用的状态,一旦发生变动,就提醒Views要更新页面 Flux 的最大特点,就是数据的"单向流动"。 用户访问 View View 发出用户的 Action Dispatcher 收到 Action,要求 Stor...

0
0
发表于云计算专区
2020/04/05 10:21

Flux项目

名称:Flux 类型:GitOps 说明:Flux是一个GitOps Kubernetes操作器(Operator)。Flux是一个自动确保集群状态与git中的配置匹配的工具。它使用集群中的一个操作器来触发Kubernetes内部的部署,这意味着你不需要单独的CD工具。它监视所有相关的镜像存储库,检测新镜像,触发部署并根据部署更新所需的运行配置(以及可配置策略)。好处是:你不需要授予CI访问集群的权限,每个更改都是原子性(atomic)和事务性的(transactional...

0
0
发表于开发技能专区
2020/03/27 10:30

reactor flux

# 发布订阅模式 A--->B-->C---->D subscribe: D--->C--->B--->A onSubscribe: A--->B--->C---->D request: D---->C--->B---->A onNext: A--->B-->-C--->D complete:A--->B---->C--->D # Flux.just ```java Flux fs = Flux.just("1","2"); ``` # Flux.fromArray ```java Flux fs = Flux.fromArray(new String[]{"1","2"}); ``` # Flux.fromIterable ```java Flux fs = Flux.fromIterable(Arrays.asList("1","2")); ``` # Flux.ge...

0
0
2018/11/28 18:23

Flux、Redux到react-redux衍变发展之Flux解读

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/zeping891103/article/details/84451710 react开发中,组建直接传递参数需要props一层层代理,对于复杂组件,它可能嵌套的子组件非常多,层级也比较深,那么,如果还采用props链条来维护组件通信或者数据共享,将非常困难,也不利于开发和维护。因此,衍生出了Flux、Redux和react-redux,本篇主要介绍Flux。 Flux框架也是一种MVC框架,它采用单向数...

0
0
发表于大前端专区
2016/11/10 18:07

React+Flux

###React+Flux React 不使用 HTML,而使用 JSX 。它打算抛弃 DOM,要求开发者不要使用任何 DOM 方法,因为Dom操作会引起浏览器的重绘,非常影响性能,所以react做了一件事,发明出了虚拟DOM,这里推荐一篇[react原理](http://www.infoq.com/cn/articles/react-dom-diff?from=timeline&isappinstalled=0)。它甚至还抛弃了 SQL ,自己发明了一套查询语言 GraphQL 。当然,这些你都可以不用,React 照样运行,但是就发挥不出它的最...

0
1
发表于大前端专区
2016/09/12 13:32

flux 框架理解

# flux 框架理解 在 flux 框架里面,主要有的概念有 view,store,dispatcher,action 一般的实现是 --- action -> dispatcher->store->view 同时,也会存在 由view 出发 action 的事情,这个时候,实现路线就是 --- view-action-> dispatcher -> store -> view ## 代码结构 ``` js - actions - // 行为 xxActionCreator.js components - // react 组件 xxx.react.js constants - // 常量 xxxConstants.js dispatcher - // 分发...

0
1
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
2019/10/29 15:35

Spring boot 种reactor 里面publisher的map和flatMap操作符最终的区别是什么?执行流程是怎样的?

// map操作符 Flux flux = Flux.just(1,2,3,4) .log() .map(i->{ System.out.println("first:"+i); return i+1; }); System.out.println(flux.subscribe( System.out::println )); //flapMap操作符 Flux flux1 = Flux.just(1,2,3,4) .log() .flatMap(i->{ Flux flux2 = Flux.just(i); System.out.println("first:"+i); return flux2; }); flux.subscribe( System.out::println ); 测试输出完全一样。除了参数不一样外,本质的区...

3
0
2018/10/26 11:39

如何在gateway的过滤器中获取路由返回的页面内容?

package com.newland.bomc.micro.gateway.filter; import io.netty.buffer.ByteBufAllocator; import io.netty.buffer.UnpooledByteBufAllocator; import org.apache.commons.io.IOUtils; import org.springframework.cloud.gateway.filter.GatewayFilterChain; import org.springframework.cloud.gateway.filter.GlobalFilter; import org.springframework.cloud.gateway.support.ServerWebExchangeUtils; import org...

5
0
发表了问答
2016/03/24 11:48

2016年度——React.js 最佳实践

最近React(web/native)依旧如火如荼,相信大家都跃跃欲shi,我们团队也开始在React领域有所尝shi. 2016年应该是 React 逐渐走向成熟的一年,让我们一起来看看国外的开发者们都总结了哪些"最佳实践". =============以下为译文============== 2015年 React 在全世界都有很多关于新的更新和开发者大会的讨论.关于去年的重要事件,请参kao React in 2015. 那么,2016年最有趣的问题来了:我们应该如何开发一个 App, 有什么推荐的库? 作为一...

3
14
发表了问答
2016/06/21 15:29

Redux 最佳实践

摘要 Redux 是 其他 flux 框架 推荐使用的 React 框架。当我开始写这篇文章时,它还是 1.0.0 版本,当这篇文章发布时,它已经是 3.0.0 了。 它的作者,Dan Abramov 已经发布一些很棒的 文档,但是他依然没有完全指明如何在大规模项目中使用 Redux,所以人们开始问了 “有哪些大型项目使用了 Redux”. 好吧,希望这篇文章可以解决这些疑惑。 我们将会讨论: Redux 的所有技术栈 Redux 的各个模块都做了什么 如何划分 Redux 项目结...

1
3
发表了问答
2015/09/08 19:00

react flux 事件冲突

reactjs flux流程的一个疑问。 情况如下: 视图a action a store a 视图b action b store b 上面两套flux流程相互独立 如果store b 数据处理完成,需要 视图a做相应变更应该怎么处理? 方法1:store b 去调用 store a的set方法(这样就增加了耦合度,放弃) 方法2:store b dispatch一个事件 store a监听到修改数据(这样会出现事件冲突,求解决方法) 如:storeB.init(){ ......... actionB.dispatch({}) } 请问大神这个应该怎...

1
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
0 评论
61 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部