# React编程思想

# React的设计理念

• 单向数据流
• 虚拟DOM
• 组件化

单向数据流

• 数据与界面绑定
• 单向渲染
• 就好像一个函数，同样的输入，同样的输出

虚拟DOM

• 类似Docker或VMware的Snapshot快照技术

组件化

• 保持交互一致性
• 保持视觉风格的统一
• 便于程序员互相之间的协作

# React哲学

• 将设计好的 UI 划分为组件层级
• 用 React 创建一个静态版本
• 确定 UI state 的最小（且完整）表示
• 确定 state 放置的位置
• 添加反向数据流

# React组件的生命周期

• Mounting: 创建虚拟DOM，渲染UI
• Updating: 更新虚拟DOM，重新渲染UI
• Unmounting: 删除虚拟DOM，移除UI