react 入门的好东西 可以做出一个完整的网站

链接   (包含了antd 组件的使用)    

安装依赖报错问题                            可能需要按顺序安装,  不能cnpm npm 混合安装,  参考这个package.json, 尽量不要自己手动安装吧, 使用现场的cli 

简洁的模块化                                  .js 文件可以直接写js代码, module.exports都省了,  而且可以直接使用 require 引入 js  css 文件,  相当于js css 混入到这个js中

html模板直接放入render                  使得一个组件逻辑性更强

setState, e.target.vaue                  数据流更加清晰

组件化好处　　　　　　　　　　　　   比如item 可以在收件箱使用, 也可以在已发送和代收邮件夹 使用, 如果这个item要做一些滑动效果, 那么只需要修改这个item

　　　　　　　　　　　　　　　　　　再比如footer 也可以在多个页面得到复用, 而且通过props 可以根据不同的样式的页面底部

父组件和子组件                               父组件的方法负责收集结果数据, 这个数据的获取 和 处理过程由子组件的方法完成,

　　　　　　　　　　　　　　　　　　完成后调用父组件的给props方法, 其实就是父组件给子组件的一个回调函数, 子组件复杂把处理的数据结果给父组件使用

　　　　　　　　　　　                    比如在子组件ajax成功后, 通知父组件删除这个item 

　　　　　　　　　　　　　　　　　　父子组件也可以自己分为: 容器组件 和 UI组件, 这样可以充分复用UI组件, 显示组件只负责UI的交互逻辑, 和业务逻辑无关, 而且UI

　　　　　　　　　　　　　　　　　　组件的状态又父组件来决定, 也可以有自己的默认状态

　　　　　　　　　　　　　　　

babel-plugin-import                      实现组件按需来打包 按需加载, import Button from antd, 需要配置一个babelrc,   { test: /.css$/, loader: "style-loader!css-loader"},

组件化后的开发效率                         开始开发时间应该会是avalon的2倍, 因为对那些语法很不习惯, 慢慢可能就好了, 但是面对以后的的各种需求变化 和 减少bug应该会好很多

redux                                          一些全局状态可以放在redux上统一更新, 一些业务逻辑也可以抽取出来放在redux上, 实现业务数据的统一管理