这是我参与「第五届青训营 」笔记创作活动的第11天
今天的视频课 [React的历史与应用] 及 [React的设计思路] 是前端框架 React 的基础课程讲解，为了更好地帮助进入 React 技术原理学习，带来有关前端框架 React 的发展历史以及从0开始，带领大家共同推演 React 框架的设计思路，包括 React 设计的由来，具体的设计方案，剖析该框架为何演进为目前熟知的响应式编程模型，帮助大家更好地理解 React 代码。
我把今天老师讲解教授的知识进行了整理和概括，具体内容如下：
1.React历史与应用
(1).React历史
2010年 Facebook在其PHP生态中，引入了xhp框架首次引入了组合式组件的思想，启发了后来的React的设计。
2011年 Jordan Walke创造了FaxJS，也就是后来的React原型。
2012年 在Facebook收购Instagram后，该FaxJS项目在内部得到使用，Jordan Walke基于FaxJS的经验，创造了React。
2013年 React正式开源，在2013 JSConf上Jordan Walke介绍了这款全新的框架。
2014 - 今天 生态大爆发，各种围绕React的新工具/新框架开始涌现。
(2).React的应用
现如今React已经是前端开发的三大框架之一。应用方面也非常广，我列了以下几个主要的使用方面：
1.前端应用开发，如Facebook，Instagram，Netfilx网页版。
2.移动原生应用开发，如Instragram，Discord，Oculus。
3.结合Electron，进行桌面应用开发。
2. React的设计思路
在以前，实际开发过程中，由于页面各种设计差异，UI设计不同，导致开发问题常常出现。正是这些问题促使了React的设计思路。主要的React的设计思路包括以下几个部分：
- UI编程痛点，如下： （1）状态更新，UI不会自动更新，需要调用DOM进行更新。 （2）欠缺基本的代码层面的封装和隔离，代码层面没有组件化。 （3）UI之间的数据依赖关系，需要手动维护，如果依赖链路长，则会遇到“Callback Hell”
2.响应式与转换式系统。转换式说白了就是给定【输入】，求解【输出】。而响应式就是监听事件，消息驱动，通过监控系统来操作UI界面。
3.组件化。组件化总结一下包括以下三点：（1）组件是组件的组合/原子组件。（2）组件内拥有状态，外部不可见。（3）父组件可将状态传入组件内部。要实现组件化，有如下组件设计：组件声明了状态和UI的映射，组件有Props/State两种状态，“组件”可由其他组件拼装而成。
4.生命周期。相信了解过React的同学都知道React的生命周期很重要，也非常多。下面我用一幅图表示几个常见的生命周期：
