React(flux)

action

  • action是实现组件状态变化的唯一途径
  • action对象必须有一个字符串类型的type字段
  • 定义action需要两个文件,一个定义acion.type,一个定义action creactor(构造方法)。一般一个构造函数对于一种type

Dispatcher

  • Dispatcher依靠type,沟通着store(by resigner)和action(by dispatch)
  • Dispatcher会对注册了不同type的store派发不同的action

store

  • store负责组件的状态(数据)管理

flux下的react特点

  • 组件沦为Store的映射
  • 用户操作不再引发state的改变,而是引发action的dispatch
  • store只向UI组件暴露可读的接口;而UI组件想改变store内部状态,只能通过派发不同type的action。促使数据只能由store流向UI组件。

flux与MVC

  • store对应Model
  • UI组件对应View
  • Dispatcher对应Controller
  • 在MVC架构中,Model与View之间数据可以直接互相流通。而在flux中,数据只能由store流向UI组件,这是flux较MVC的高明之处

flux的不足

  • store的设计存在问题。无法在保留store状态的情况下替换store中的逻辑。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • React React 是一个 View 层的框架,用来渲染视图,它主要做几件事情: 组件化 利用 props 形...
    一灯学堂阅读 1,095评论 0 3
  • 概述 Flux 是用来构建用户端 Web 应用的架构,大体分为四个部分:Views, Stores 和 Dispa...
    catYuan阅读 1,079评论 3 2
  • 我想把我自己听过的一个真实的故事写下来,不为什么,也不针对什么,就是想阐述一个我听过的比较难忘的一个故事。此故事赠...
    一半叁阅读 320评论 0 0
  • 专门找了周日下午的空余时间看完火影的最后一集 其实漫画一年前就已经结局了 可作为一个动漫迷来说漫画根本是满足不了我...
    请叫我任逗逗阅读 233评论 0 2
  • 8月11号 坐s1到底站,上一个老好看的大楼梯~然后在自助机上取登机牌。第一次选了机翼附近,杨素耳鸣到爆炸。(只有...
    菠00阅读 257评论 0 0