深入浅出React和Redux - 程墨

[yangbin1994]

1. 响应式编程的含义是指修改数据，视图自动响应变化。这包含2个信息
   • 数据和视图之间存在因果关系：声明式jsx语法
   • 不需要开发者手动操作dom：virtual dom

[yangbin1994]

2. 拆分组件：很多时候你不是为了专门设计而开发新组件
   • 代码体积过大
   • 代码存在复用需求
   • 保持组件独立性
   • 保持组件小而美：有依赖关系的组件可以在同一个文件暴露，比如antd的Tabs和Tab.TabPane
   • 良好的接口设计和内部状态管理（比如类型检查，初始值）

ps：babel-react-optimize可以将proTypes的类型检查过滤，适用于生存环境

[yangbin1994]

3. 请手动保证2点，除非你知道自己在做什么
   • 保持state和ui的同步性
   • 保证所有组件的回调方法都是纯函数（要清楚，16版本里如果开启异步渲染，face one也就是render前的周期函数可能执行多次）
   • 真的存在副作用，请仔细测试，多加判断，比如fetch属性的Table拿到数据之后可以对dom进行存在判断