基于 react.js 技术栈构建的纯前端SPA项目框架.

技术栈

• react.js(v15.6)
• redux react-redux redux-trunk(状态管理,异步action推荐使用redux-saga会更优雅些)
• react-router4(前端路由,组件异步加载、认证、过渡等)
• immutable(优化、提升性能)
• fetch(网络请求封装)
• styled-components(css in js 方案,语法高亮请使用styled-babel-sublime)
• antd(基于react的UI组件库Ant Design Mobile)
• PWA (渐进式Web应用)
• Webpack(工程化、自动构建)
• Redux DevTools extension(支持Redux调试插件,非侵入式)

• 如果需要实现组件动画效果,推荐使用:Ant Motion
• 如果需要服务端渲染(SSR),推荐使用:NEXT
• 如果需要显示页面加载进度,推荐使用:PACE
• 如果需要日志收集、异常报告服务,推荐使用:Sentry
• 组织State中的范式化数据,可使用库:normalizr

较新的学习文档

• React Router4
• Redux 中文文档
• React 官方文档

注:UI尺寸直接使用以750为基准的px(自动转rem),参见antd mobile「高清」方案设置

如果你chrome安装了[Egret Inspector](一款H5游戏引擎的调试插件),它可能会和[react-redux]冲突!原因

# install dependencies
npm install
# serve with hot reload at localhost:3000
npm start
# build for production with minification
npm run build