这是我参与伴读笔记创作活动的第8天
React特点
- 声明式
- 组件化
- 跨平台编写
React哲学
React是用javascript构建快速响应的大型web应用程序的首选方式之一，它在Facebook和IG上表现优秀。
一些缺点
大型应用需要配套学习状态管理，路由工具。
同时不适合小型应用，需要使用babel处理。
React的设计思路
UI编程痛点
状态更新，UI不会自动更新，需要手动调用DOM进行更新 缺少基本代码层面的封装和隔离，代码层面没有组件化 UI之间的数据依赖关系，需要手动维护，如果依赖链路长则会回调 React则解决了以上痛点
响应式和转换式
转换式系统：给定输入求解输出，例如编译器以及数值计算 响应式系统：监听事件-消息驱动执行-监控系统状态变更-UI界面更新 响应式系统代码可组件化，同时可复用和封装
组件化
组件是 组件的组合/原子组件 组件内拥有状态，外部不可见 父组件可将状态传入组件内部 被多个子组件共享的属性属于根节点root 组件内部拥有私有状态 State 组件接受外部的 Props 状态提供复用性 根据当前的 State/Props，返回一个 UI
组件设计
组件声明了状态和UI的映射。 组件有Props/State两种状态。 “组件”可由其他组件拼装而成。
虚拟 DOM
Virtuat DOM 是一种用于和真实 DOM 同步,而在 JS 内存中维护的一个对象，它具有和 DOM 类似的树状结构,并和 DOM 可以建立一一对应的关系 它赋予了 React 声明式的 API：告诉 React 希望让 UI 是什么状态，React 就确保 DOM 匹配该状态。可使程序员从属性操作、事件处理和手动DOM 更新这些在构建应用程序时必要的操作中解放出来。
