cnode社区版 基于webpack + react + react-router + redux 的React版cnode社区
git clone https://github.com/sniperyan/react-cnode.git
react-cnode
npm install (安装依赖模块)
npm install webpack -g (没有安装webpack的需要安装)
npm run dev (开发版本访问:http://localhost:8080/)
npm run prod (发布生产版本)
1.登录登出
2.列表页滑动加载
3.查看帖子
4.回复帖子
5.个人中心
6.我的消息
这个版本做了按需加载,另外稍微变化了点目录结构,结构更加清晰
1.不做按需加载的route 后面是component,做按需加载,后面是getComponent,
webpack底层的require函数,该函数不能封装,必须这么写
2.不做按需加载的container层最后推荐es6导出语法,export default...,做了按需加载之后,
container最后的导出语法必须为ES5 module.exports = connect(mapStateToProps, mapDispatchToProps)(ListApp),
如果还写es6那种导出方法,页面不会报错,加载完成后将不会渲染!!
1.通过按需加载,webpack的UglifyJsPlugin插件对代码进行压缩做了首屏优化
2.使用flex布局,非常爽
3.es6箭头函数,解构赋值,数组展开,es7对象展开等新语法开发起来速度飞快
4.ajax用的是axios控件,每次做ajax都会触发加载状态的变化,我对axios又做了一层封装,这样我可以专注于业务开发,
代码更优雅
我不会安卓代码,只给app签了个名,纯练手用,安卓打包比苹果复杂,环境不好配置
1.react native版本