flux-demo
- react flux react-router webpack
- 使用flux框架和webpack打包工具创建的一个简单react示例
- 参考了flux官方todomvc例子
- 添加了路由控制,使用react-router
- 拆分了common公用库和layout布局库
- 尝试添加less文件
- 添加了loader公共模块
##目标
- 结构化react编程
- 可扩展性
- 整体依据功能划分,局部按照业务逻辑划分
##说明
-
dispatcher: Dispatcher 本质上就是一个事件系统。它负责广播事件和注册 callback。有且只有一个全局的 Dispatcher。
-
Store响应事件: 在应用中,处理业务逻辑和数据交互
-
action: 应用的DSL(Domian Specific Language),领域特定语言,一种特化的,面向问题的语言
-
view: 渲染应用组件树
##资源
-
webpack官方文档
http://webpack.github.io/docs/usage-with-gulp.html -
Flux官方文档
http://facebook.github.io/flux/docs/overview.html#content -
轻松入门React和Webpack
http://www.tuicool.com/articles/BrAVv2y -
Flux 傻瓜教程
http://zhuanlan.zhihu.com/FrontendMagazine/19900243 -
ReactRouter 使用指南
http://undefinedblog.com/react-router/ -
ReactRouter github地址
https://github.com/rackt/react-router -
React-Router With Flux
http://jaketrent.com/post/react-router-with-flux/ -
持续补充中~~~