React之表格操作

对于官网上的那个表格demo又进行了改造，记录一下其中的困难和解决思路，当然还有功能没有完善，会继续利用空余时间来实现一下。

github:https://github.com/liuzaijiang/React-text

——————————————————————————————————————————————————————

在上一篇的基础上http://blog.csdn.net/liuzijiang1123/article/details/66974630 又做了一部分修改：

1.利用webpack进行了打包压缩处理，并提取出了的第三方库文件；

2.增加了按照价格排序的功能；新加商品后也能按照排序的方式来显示；

3.增加了分页的功能；

4.减少了组件不必要的render；

——————————————————————————————————————————————————————

感悟：其实自己实现上面功能的过程也是比较“蛋疼的”，因为表格之间的状态交互比较多，经常要各个子组件之间通信，除了一些逻辑需要自己思考处理外，还有就是自己想实现一些不必要的render，这就需要用状态来判断，是否需要重新渲染组件，存在状态难找，和流向不是那么容易就容易理清楚的困难；随着表格的功能越来越复杂，后面觉得有必要学习一下Redux了~

webpack

webpack打包压缩我是参考这篇文章：http://www.jianshu.com/p/4df92c335617

当然现在webpack都已经是2.X了，所以还是会有版本迭代的：https://doc.webpack-china.org/guides/migrating/

然后我再稍微说几个需要注意的地方：

1.babel的loader中的名字要写成'babel-loader'

2.生成  .babelrc 文件需要写成  .babelrc.  这样的形式（前后各一个点）

3.如何设置NODE_ENV=production（React切换成产品模式 ）

在cmd中直接敲set NODE_ENV=production