一句话总结flux,以及我们为何需要flux
如果让你用一句话总结一下什么是flux,该怎么说?
官网上有这样的介绍:flux是一种思想,一种框架,是facebook给react。。。
这样的解释对程序员来说,显得过于抽象又不具体了。
阮老师的文章,也将官网的介绍很好的翻译了一遍。读了以后可以了解到flux是由哪些部分组成(store,dispatcher,action,view)。但就算知道了这些,还是没法很好的解答程序员同学们心中的疑惑,flux到底是什么,用来做什么的,为什么用它,用它有什么好处呢?
如果有一本历史书,写了flux诞生的各个事件,也许事情就没那么复杂了。现在没有这本书,我们使用flux的过程,就像是盲人摸象。那么现在,摸了很久,摸了很多次,很全面的摸过这个大象以后,我们来总结一下我们摸到了什么吧。
1.flux是一个数据中间层,用于规范的管理数据,这些数据往往以状态(state)来呈现。
2.flux不是必须的,但当你使用react或vue等组件化的mvvm框架的时候,flux似乎变得特别的顺手起来。
3.越是复杂的业务逻辑、数据处理、数据模板,越是将你快速的送到flux面前。
总结到一句话就是:flux是一个善于对复杂数据模型进行规范管理的中间层,并且它与组件化的mvvm框架有互补作用。
复杂是一个相对的概念。那么复杂到什么地步,我们就需要flux了呢?
来看一个例子:
假定组件化开发程序中,三个不同层级的组件使用了同一个数据对象作为数据模型的一部分。三个组件对共用的数据对象各有操作,又互相影响。
这种情况下有两个比较严重的问题:
1.三个不同组件对数据对象的操作各不相同,操作部分因各个组件环境不同,操作代码将与组件自身的业务代码混在一起。不方便后期维护。
2.换个程序员就很难找齐操作过这部分数据的三个不同位置的组件,以及组件中操作数据的各行代码了。
而使用flux可以统一数据操作接口(action,dispatcher),方便查找操作数据的入口(调用了相同的action/dispatcher),这就解决了上边提出的两点问题,增强了数据的可维护性,可扩展性。
再来看一个例子:
例子叫做状态管理好了:一个组件,要undo,redo,进入不同的历史状态。
用户可以手动构建单独的状态管理器,而flux可以通过store,dispatcher,action轻松的实现对状态数据的管理。从这个角度来看,flux又可以被看做是一个复杂状态管理器,只不过flux不局限于管理组件的状态,而是更深层次的将数据与状态视为一体。从mvvm的角度来看,管理数据也是在管理状态。
so, flux带给我们的是一种面对复杂问题的解决方案,你get到了吗?
一句话总结flux,以及我们为何需要flux的更多相关文章
- 简单了解Flux,注意这是一个设计思想,是一个架构!!!!!
在RN开发中,我们总是需要去更改一个组件个数据(也就是所谓的状态),我们一般是采用是在初始化的函数constror()(好像拼错了) 在这个函数里面申明我们的初始化数据(状态)eg:this.stat ...
- 【go】脑补框架 Express beego tornado Flux reFlux React jsx jpg-ios出品
http://goexpresstravel.com/ 今天 Express 的作者 TJ Holowaychuk 发了一篇文章,正式宣告和 Node.js 拜拜了,转向 Go 语言. Go vers ...
- [React] 07 - Flux: uni-flow for react
相关资源 Ref: [Android Module] 03 - Software Design and Architecture Ref: Flux 架构入门教程 Ref: 详解React Flux架 ...
- Flux architecture
[Flux architecture] Flux is a pattern for managing data flow in your application. The most important ...
- springweb flux 服务器推送事件
以前做服务器推送一般用轮询,后端主动给客户端推送不是很好解决.有时候也可以采用websocket 现在看了springwebflux,用它自带的方法做服务器推送方便多了. 代码如下: import o ...
- springweb flux 编程模型
Spring WebFlux 编程模型是在spring5.0开始,springbot2.0版本设计出来的新的一种反应式变成模型.它脱胎于reactor模式,是java nio 异步编程模型. 传统一般 ...
- 理解Flux架构
本文摘自<Flux架构入门教程>和<谈一谈我对 React Flux 架构的理解>.也有自己的观点和总结.转载请注明出处. 一.Flux架构描述 1. Flux是什么 Flux ...
- 从Flux到Redux详解单项数据流
从Flux到Redux是状态管理工具的演变过程,但两者还是有细微的区别的.但是最核心的都还是观察者模式的应用. 一.Flux 1. Flux的处理逻辑 通俗来讲,应用的状态被放到了store中,组件是 ...
- 理顺react,flux,redux这些概念的关系
作者:北溟小鱼hk链接:https://www.zhihu.com/question/47686258/answer/107209140来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转 ...
- 浅谈 React、Flux 与 Redux
React React 是一个 View 层的框架,用来渲染视图,它主要做几件事情: 组件化利用 props 形成单向的数据流根据 state 的变化来更新 view利用虚拟 DOM 来提升渲染性能 ...
随机推荐
- P3097 [USACO13DEC]最优挤奶(线段树优化dp)
盲猜dp系列... 题意:给定序列,选了i就不能选与i相邻的两个,求最大值,带修改 蒟蒻在考场上10min打完以为只有两种情况的错解...居然能骗一点分... 先讲下当时的思路吧. f[i][0/1] ...
- 小白学 Python(22):time 和 calendar 模块简单使用
人生苦短,我选Python 前文传送门 小白学 Python(1):开篇 小白学 Python(2):基础数据类型(上) 小白学 Python(3):基础数据类型(下) 小白学 Python(4):变 ...
- JavaScript闭包使用姿势指南
目录 JavaScript闭包使用姿势指南 引言 闭包的定义 来个有趣的例子吧 现在我们换个例子吧 我们再来个有趣的例子 内存泄露问题 用闭包解决递归调用问题 用闭包模拟私有方法 在循环中使用闭包 性 ...
- JavaScript with Image:创建缩略图
当图片很大,直接把图片从Server下载到浏览器上看是一种很不明智的做法,浪费了服务器的资源,网络带宽和客户端的资源.所以,通常Server和Client之间会传输缩略图,只有当Client请求某张图 ...
- nyoj 8-一种排序 (贪心)
8-一种排序 内存限制:64MB 时间限制:3000ms Special Judge: No accepted:9 submit:18 题目描述: 现在有很多长方形,每一个长方形都有一个编号,这个编号 ...
- 领扣(LeetCode)二维区域和检索 个人题解
给定一个二维矩阵,计算其子矩形范围内元素的总和,该子矩阵的左上角为 (row1, col1) ,右下角为 (row2, col2). 上图子矩阵左上角 (row1, col1) = (2, 1) ,右 ...
- 简单地迁移你的android jni代码逻辑到iOS - 编写iOS下jni.h的替代 - ocni.h
1. jni的代码逻辑中与上层平台语言交互了. 2. 使用非Xcode的ide开发工具,希望使用纯净的c/c++代码,不掺杂其它平台相关的语言语法. 3. 只想简单地替换jni代码对上层平台语言的功能 ...
- LeetCode 5272. 5272. 统计参与通信的服务器 Count Servers that Communicate
地址 https://leetcode-cn.com/problems/count-servers-that-communicate/ 题目描述这里有一幅服务器分布图,服务器的位置标识在 m * n ...
- JavaScript中的基本数据类型和引用数据类型
ECMAScript变量包括了两种不同的数据类型 在学习JavaScript的数据类型时,我们通常会把数据类型分成六中(官方认为)Object.String.Boolean.Number.Undefi ...
- Jib插件构建镜像push到阿里云镜像仓库
一.前言 Jib:Google开源的Java容器化工具 可作为插件快速集成到项目中,构建镜像,实现 Java 应用容器化 下面贴出一张从网上看到的Jib描述~ 二.利用Jib插件构建镜像push到阿里 ...