这是我参与「第五届青训营 」笔记创作活动的第6天。
UI编程的痛点，1.对于状态更新，UI不会自动更新，需要手动调用DOM，2.欠缺基本的代码层面的封装和隔离，代码层里面没有组件化。3.UI之间的数据依赖需要手动维护，如果依赖链路长，会遇到回调地狱。 转换式系统，给定一个输入返回一个输出，响应式系统，需要监听事件，事件发生会影响系统的功能，监控系统---UI界面，事件发生执行回调函数，导致状态变更，UI更新
React，1.状态让UI自动更新，2.前端组件化，复用，封装，3.状态之间的依赖只需要声明就可以，C=A+B，AB任何改变都会导致C改变，
状态：变量不是通过Props从父组件获取的，不是在整个生命周期保持不变的，不可以通过其他state和props计算得到，在组件的render方法中使用，
修改状态
不能直接修改，需要调用this.setState({})
hooks写法
- 让函数组件也能做类组件的事，有自己的状态，可以处理一些副作用，能获取 ref ，也能做数据缓存。
- 解决逻辑复用难的问题。
- 放弃面向对象编程，拥抱函数式编程。
react都核心思想就是，将一个页面拆成一堆独立的，可复用的组件，并且用自上而下的单向数据流的形式将这些组件串联起来。但假如你在大型的工作项目中用react，你会发现你的项目中实际上很多react组件冗长且难以复用。尤其是那些写成class的组件，它们本身包含了状态（state），所以复用这类组件就变得很麻烦。
没有多余的层级嵌套。把各种想要的功能写成一个一个可复用的自定义hook，当你的组件想用什么功能时，直接在组件里调用这个hook即可。
