React历史与应用

1. 前端应用开发 eg:Netfix网页版 Facebook INstagram
2. 移动原生应用开发 eg:Instagram Discord Oculus
3. 结合Electron桌面应用开发

React创建最初灵感是 组合式组件的思想

React 的设计思路

ui编程的痛点：

1.状态更新，UI不会自动更新 需要手动调用DOM进行更新 2.欠缺基本代码层面的封装和隔离，代码层面没有组件化 3.UI之间的数据依赖关系需要手动维护，如果依赖链路长会遇到“Callback Hell”

转换式系统≠响应式系统

响应式编程

• 状态更新 UI自动更新
• 前端代码组件化 可复用 可封装
• 状态之间的互相依赖关系 只需声明即可

组件化总结：

1. 组件是组件的组合/原子组件
2. 组件内拥有状态，外部不可见
3. 父组件可将状态传入内部组件 父组件和组件联通

组件设计：