基于 React Router 与 Flux 架构的单页应用案例研究

本案例展示了如何结合使用 Reflux (Flux 实现)、React 以及 react-router 组件构建现代单页应用 (SPA)。

安装与运行

$ npm install -d   # 安装本地依赖
$ npm run local    # 构建应用资源 (bundle.js 和 main.css)
$ npm run dev      # 启动 HTTP 服务器 (端口 8124)

访问 http://localhost:8124 查看运行效果。

技术栈

  • Node.js 0.12
  • React 0.13.3
  • Mac OSX (测试环境)

核心概念

该案例着重展示了 Flux 架构中的存储 (Store) 和操作 (Action) 如何与 React 组件协同工作,实现数据流的单向流动,从而构建可维护、可扩展的 Web 应用。

zip 文件大小:659.71KB