博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
[Web 前端] 如何构建React+Mobx+Superagent的完整框架
阅读量:6929 次
发布时间:2019-06-27

本文共 638 字,大约阅读时间需要 2 分钟。

ReactJS并不像angular一样是一个完整的前端框架,严格的说它只是一个UI框架,负责UI页面的展示,如果用通用的框架MVC来说,ReactJs只负责View了,而Angular则是一个完整的前端框架,包含了MVC的全部。那么问题来了,采用ReactJS时,MC怎么办了,其实不仅是MC的问题,包括UI控件的如何选择,开发者都有很大的主动权,但是任何事情总在两难的选择中,全帮你做了,面面面具到,你会觉得受约束,这么不好,那也不好,还不方便用别的,选择多了也是问题,到底哪一款才是最好的。

推荐的是React+Mobx

在访问服务端时,你依然可以选择你喜欢的组件来实现,jQuery等都可以选择,但是Superagent是个不错的选择,简单、精炼、并且访问操作RestFul服务非常方便。

整个框架依据ReactJs的单项数据流方式,如下图:

图中View自然就是ReactJs的页面组件了。整个框架的结构也基本依据上图构建。

分为View(Components)、Dispatcher、Actions、Store和Resource

View:页面组件;

Dispatcher:管理注册分发事件;

Actions:定义各类操作;

Store:关联事件与操作,调用Resource,获取数据,并触发相关事件;

Resource:访问服务,获得数据。

转载于:https://www.cnblogs.com/0616--ataozhijia/p/9147380.html

你可能感兴趣的文章
有关判断为空的简写方法
查看>>
索引键的唯一性(1/4):堆表上的唯一与非唯一非聚集索引的区别
查看>>
窥探Swift之基本数据类型
查看>>
用户浏览器关闭cookie处理方法
查看>>
QT国际化 一 (lupdate/linguits/lrelease)
查看>>
Java知多少(105)套接字(Socket)
查看>>
SSRS 的简单使用(一)
查看>>
C#设计模式:单件(例)模式 -- 类也玩计划生育
查看>>
Bower 手册
查看>>
看《css知多少》的一些总结
查看>>
kiki's game
查看>>
Samza/KafkaAnalysizing
查看>>
mybatis实战教程(mybatis in action)之九:mybatis 代码生成工具的使用
查看>>
DMA/TIM capture
查看>>
linux中fork()函数详解(原创!!实例讲解)
查看>>
ThinkPHP自动填充实现无限级分类的方法
查看>>
KTAG K-TAG ECU Programming Tool
查看>>
javascript模板方法模式
查看>>
大数据网络诊断系统项目总结
查看>>
poj 2697 A Board Game(bfs+hash)
查看>>