03_Redux

一、理解Flux架构

1.Flux是什么?

简单说,Flux 是一种架构思想,专门解决软件的结构问题。它跟MVC 架构是同一类东西,但是更加简单和清晰。Flux存在多种实现(至少15种)

2.一些概念

Flux将一个应用分成四个部分

  • View: 视图层
  • Action(动作):视图层发出的消息(比如mouseClick)
  • Dispatcher(派发器):用来接收Actions、执行回调函数
  • Store(数据层):用来存放应用的状态,一旦发生变动,就提醒Views要更新页面

Flux 的最大特点,就是数据的"单向流动"。

  1. 用户访问 View
  2. View 发出用户的 Action
  3. Dispatcher 收到 Action,要求 Store 进行相应的更新
  4. Store 更新后,发出一个"change"事件
  5. View 收到"change"事件后,更新页面

二、理解Redux

2013 年 Facebook 提出了 Flux 架构的思想,引发了很多的实现。2015年 Redux 出现,将Flux与函数式编程结合一起,很短时间内就成为了最热门的前端架构。

你可能感兴趣的:(前端,javascript,开发语言)