huangshengbo / react-collection

以webpack为打包工具，react,react-router,Ant-design,redux为框架和ui组件的系统

# react-collection
以webpack为打包工具，react,react-router,Ant-design,redux为框架和ui组件的mini催收系统。公司之前做了一个比较大的委案，平台和催收系统，是以vue全家桶做的，基本上对vue全家桶有基本了解。现在，尝试以react为骨架在搭建一遍简化催收系统，可以更加收悉react全家桶以及webpack原理，感受vue和react的同样奇妙的地方以及他们的不同。后台接口过于复杂，所以这里我用了mockjs来模拟接口。


1. 下载命令
 git clone https://github.com/liulinqiang121/react-collection

2 下载依赖模块 
 npm install 或者使用淘宝镜像 cnpm install

3 本地运行 
 npm run dev 

4 打包
 npm run build

最后，谢谢使用和star
 
===========================================================================================
今天算是写完了，算是对react有了基本的了解和认识。说一下vue和react的异同，

1 模板 
  vue采用的template，react采用的是jsx，前者像是html加入js，css,后者更像是在js里面写入html,至于是否喜欢，看个人爱好
  
2 指令
  vue是自带v-if,v-else,v-for,v-bind的这样的基本指令，可以直接用指令进入切换和循环渲染子元素，react就比较麻烦，将子元素集渲染出来作为组件再放入       父集，不过这也是更纯粹的一切都是组件的**
  
3 组件通信
  vue和react都通过props由父组件向子组件传递数据，但是子组件向父组件传递数据时，vue采用的是子组件$emit，父组件去接收事件，react是通过props将方       法传递给子组件，子组件调用吃方法去实现
  
4 生命周期 
  vue和react都有生命周期，vue的created,mounted，beforeupdate,destoryed,reactcomponentWillMount,componentDidMount,componentWillunmount,
  等，基本上字面上就能明白
 
5 vue-router和react-router
  用法很不同，vue-router,用path,component,children进行路由嵌套，react-router要将路由要用组件包裹，
  
6 redux
  首先创建一个reducer,用过dispatch修改store,subscibe监听dispatch