react+redux+ant+ykit+mock项目总结
历时十天，从0基础，现学现用总算把项目开发完了，今日已经开始联调。
整个项目结构如下：
接手的是一个旧项目，所以环境搭建相对要容易很多（Windows环境搭建）：
1. 下载node.js
2. 安装必要环境：npm install –global –production windows-build-tools（如果没有成功，也可以手动一步一步下载：https://github.com/nodejs/node-gyp#option-2）
3. 没有的话，也可以不配置根据配置自己用的注册源，npm config set registry http://npmrepo.corp.qunar.com/
配置ykit.js
开发
HTML，public目录
页面一般导入css、js库和route
route，页面路由
主要实现页面的整体结构和页面的url（通常是二级三级url）
route通常实现上图的左边栏和顶层栏，route没有数据，都是静态的按钮。
route的下一级，就是上图中最大的那一块了，是container层
container，模块
container是前端的核心了，通常情况，一个container负责一个模块页面，container非常像Android里面的activity，有自己的生命周期。
container主要的工作是：请求数据、将数据写到页面、处理页面的按钮弹窗和其他事件、添加子组件。
AdminSharePageContainer
请求数据：决定 ‘什么时间’ 请求 ‘什么数据’
mapStateToProps 请求数据的结果
mapDispatchToProps 请求数据的方法
export default connect(mapStateToProps, mapDispatchToProps)(AdminSharePageContainer); 绑定到AdminSharePageContainer
然后AdminSharePageContainer就可以通过this.props获取到数据了
将数据写到页面，通常称之为渲染
由render方法实现，如上图的render()
render()返回一个jsx语法的标签，里面可以通过增加很多标签来实现复杂的功能模块，比如：
请求数据具体实现，由action实现真正的请求数据
reducer请求数据结果做转换
component子组件
mock模拟测试数据
以上是 react+redux+ant+ykit+mock项目总结 的全部内容， 来源链接： utcz.com/z/381501.html
