这是我参与「第五届青训营 」伴学笔记创作活动的第 7天。本节课内容概要：1. React 的历史与应用。2. React 的设计思路。3. React（hooks）的写法。4. React 的实现。5. React 状态管理库。6. 应用级框架科普。 第一板块：1. 前段应用开发，如Facebook，Instagram，Netflix网页版。 2. 移动原生应用开发，如Instagram，Discord，Oculus。 3. 结合Electron，进行桌面应用开发。 2010年，Facebook在其php生态中，引入了xhp的框架，首次引入了组合式组建的思想，齐发了后来的React的设计。 2011年，Jordan Walke 创造了FaxJS，也就是后来的React原型。 2012年，在Facebook收购Instagram后，该FaxJS项目在内部得到使用，JordanWalke 基于FaxJS 的经验，创造了React。 2013年 React正式开源，在2013 JSConf上Jordan Walke介绍了这款全新的框架。 2014年，生态大爆发，各种围绕React的新工具/新概念开始涌现。 第二版块：UI编程痛点—1. 状态更新，UI不会自动更新，需要手动调用DOM进行更新。2. 欠缺基本的代码层面的封装和隔离，代码层面没有组件化。3. UI之间的数据依赖关系，需要手动维护，如果依赖链路长，则会遇到“Callback Hell”。 响应式编程可以：1.状态更新，UI自动更新。2. 前段代码组件化，可复用，可封装。3. 状态之间的互相依赖关系，只需声明即可。 总结：1. 组建是组建的组合/原子组件。2. 组建内拥有状态，外部不可见。3. 父组件可将状态入组件内部。 组件设计：1. 组件声明了状态和UI的映射。2. 组件有Props/State两种状态。3. “组件”可由其他组件拼装而成。
