React-flux杂记

理解Flux架构
Flux是一种用于构建Web客户端的架构模式,强调单向数据流,改进了MVC模型中的复杂性和数据追踪难题,尤其适合React及前端开发。

简介

Flux是一种搭建WEB客户端的应用架构,更像是一种模式而不是一个框架。

特点

单向数据流

image

与MVC的比较

1.传统的MVC如下所示(是一个双向数据流模型)

  • 用户触发事件
  • View通知Controller执行相关逻辑
  • Controller通知Modal需要数据
  • Modal返回数据给Controller
  • Controller再通知View更新

image

2.前端中的MVC

因为前端中视图和事件逻辑通常结合在一起, 即正常情况下是这样的 M <-> VC
然而这样在复杂的页面中容易造成下面的情况,跟踪数据的变化变得很困难

image

3.Flux强制单向流,Model集中成Store, View通过Action, Action通过Dispatch更新Store, Flux 可以认为是MVC的一种改进, 更适合React或者说更适合前端的一种架构模式。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值