Flux基本概念
关于Flux,基本概念看了一天,对整体的概念有了一个基本的认识,这部分不算很难,概念上面也很容易理解。推荐一篇文章,结合facebook的官方的概念解释,可以快速对Flux有个很好的理解,甚至对基本的使用也会有个比较清晰的认识,参考:
https://medium.com/brigade-engineering/what-is-the-flux-application-architecture-b57ebca85b9e。
下图是facebook的官方网站上摘取的图片,说明了Flux设计模式的几个方面,详细的说明可以参考:
http://facebook.github.io/flux/docs/overview.html。
下图是从facebook的flux官方网站上摘取的,基本上说明了Flux的使用流程,详细可以参考:
https://github.com/facebook/flux。
参考:
- http://facebook.github.io/flux/docs/overview.html,Flux官方文档以及demo
- https://github.com/facebook/flux,参考README.md中的架构说明
- 关于Flux架构介绍的非常不错的文章:https://medium.com/brigade-engineering/what-is-the-flux-application-architecture-b57ebca85b9e (翻译:理解Flux http://www.html-js.com/article/2580,React Flux的一些理解(React Flux入门教程): https://xinranliu.me/2015-01-30-some-understanding-about-flux/)
- The Evolution of Flux Frameworks: https://medium.com/@dan_abramov/the-evolution-of-flux-frameworks-6c16ad26bb31
Flux的implementation
- facebook的官方实现:https://github.com/facebook/flux
- Redux: https://github.com/rackt/redux,应该是目前最流行的Flux实现
- Reflux: https://github.com/reflux/refluxjs
- yahoo基于flux实现的Fluxible:http://fluxible.io/
Facebook提出的这个Flux模式,感觉很不错,但是官方提供的Flux库,实在是太难用了,我尝试了2个小时,发现需要自己造很多轮子才能用,甚至官方网站提供的很多Demo都已经跟版本不匹配了,各种问题一大堆,可能facebook自己也发现这个库太难用而放弃了。与webpack这种新工具的结合也很不友好。由于我是个前端方面的初学者,时间也比较紧张,直接去搞Redux。
关于flux/redux/reflux实现的对比:
http://segmentfault.com/a/1190000003822606