最近整理了一下自己在用的react框架,主要涉及到的技术有react react-router redux Es6 webpack less ant-design等技术,可用于快速开发后台类系统。
主要实现功能:
- webpack生成首页
- 热更新
- 路由分割
- 打包压缩
- 报错信息指向源文件
- Es6装换
- less转换
- 封装富文本
开发步骤:
- 在src/containers 文件下添加页面
- 在src/router.js 文件里添加路由
- 在src/actions 文件下添加页面对应的.js 文件(主要作用是发起dispatch,改变redux)
- 在src/reducers 文件下添加页面对应的.js 文件(设置redux初始值,并根据不同情况进行相应改变)
- 在src/reducers/index.js 文件将现有的reduces合并为一个大的状态机
待改进问题
- 打包代码压缩
- webpack添加环境变量,为快发环境和线上环境定制深度定制不同打包逻辑
- 登录页面加入打包,不单独列出
- 与后端进行接口标准制定,并统一改进接口反馈(包括成功提示,失败提示,404处理,错误处理等)
设想
- 构建自己的node.js服务器
- 进行服务器端渲染
使用:
1 。从github上clone代码,代码见 我的github,希望搭建能帮我点个星
2. 下载我编写的npm包,可用命令行直接生成基础框架,npm包代码见我的github,
$ npm install -g yq-fontend-cli
$ yqbegin init <project-name>