Skip to content

Latest commit

 

History

History
21 lines (14 loc) · 1.2 KB

说明.md

File metadata and controls

21 lines (14 loc) · 1.2 KB

react-flux-shop


对于一个用传统方式(jquery)实现的在线商城,本项目尝试将其商品展示,分类和筛选,加入购物车等功能改造成基于reactjs的单页面应用。

基本架构


  • base code保留原来项目的部分文件,html模版jade,css预编译器stylus, coffeescript, 但会去掉无用的stylu/css, jade/html, 精简js模块,改变开发流程.
  • flux作为各react component之间的通讯。
  • react-router设置分页路径
  • 用html5的localStorage来做临时的后端商品数据来源。

开发流程


  • npm包管理工具
  • gulp以及各插件来搭建测试服务器,实时编译coffee,stylus,jade
  • 增加browserify的gulp插件,改写原有的coffee文件的模块化方式,再和cjsx文件一起编译打包。