这是我参与「第四届青训营 」笔记创作活动的第14天.
本节课主要讲述了React 的history与应用，React 的设计思路，以及React hooks 的写法，下面我们来看看吧。
react的前世今生
首先，2010年海外facebook在他的PHP生态引进了xhp框架，首次提出了组合式组件的思想，为后来的react打下了基础。2011年Jordan walke创造了faxjs，也就是react的前身，在2012年中，Facebook收购了instagram后 该项目得到了一部分推广，Jordan walke基于faxjs从而衍生出了react。简而言之，React 起源于Facebook 的内部项目，它原本是用来架设 Instagram 的网站，后react在2013 年 5 月对外开源。
React是什么
React 是一个用于构建用户界面的 js库，主要用于构建 UI，这里不得不提一下ui编程的痛点，当状态更新的时候，ui并不能自动完成更新，需要人为手动调用DOM才能去进行更新。同时它欠缺基本的代码层面的封装和隔离，代码层面没有完成组件化，需要注意的是ui之间存在的数据依赖关系需要手动去维护.
响应式VS转换式
React 拥有较高的性能，代码逻辑非常简单，越来越多的人已开始关注和使用它。
相比之下，它的状态更新，ui会自动更新，它的前端代码组件化，可以重复使用，也可以封装，ui状态之间的互相依赖关系，声明一下即可。
组件
我们通常使用函数去定义一个组件，比如const element = 为用户自定义的组件（需要注意一下原生 HTML 元素名以小写字母开头，而自定义的 React 类名以大写字母开头），在添加属性时， class 属性需要写成 className ，for 属性需要写成 htmlFor。组件化是组件的组合，组件内部拥有状态，外部不可见。我们通常通过创建多个组件来合成一个组件，把组件的不同功能点进行分离，即复合组件。
今天的学习就先到这里了，感谢老师的分享以及工作人员和小伙伴们的陪伴。
