Flux学习笔记

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