这是我参与「第五届青训营 」笔记创作活动的第5天
什么是react？
来源百度百科：React是用于构建用户界面的JavaScript库， [1] 起源于Facebook的内部项目，该公司对市场上所有 JavaScript MVC框架都不满意，决定自行开发一套，用于架设Instagram的网站。于2013年5月开源。
应用场景
- 前端应用开发，如： Facebook，Instagram，Netflix网页版；
- 移动原生应用开发，如Instagram，Discord，Oculus；
- 结合Electron，进行桌面应用开发；
React设计与实现
组件化思想
- 如果将一个页面中所有的代码处理逻辑全部放在一起，处理起来就会变得非常复杂，并且不利于后期的维护和扩展。
- 但是如果将一个页面拆分成一个个小的模块（组件），每个模块完成属于自己这部分独立的功能，那整个页面的开发和维护就会变得井井有条。
- 并且将页面拆成一个个组件之后，页面搭建就像搭积木一样了。
小总结：组件是 组件的组合/原子组件；组件内拥有状态，外部不可见；父组件可将状态传入组件内部。
组件设计
- 组件声明了状态和UI的映射；
- 组件有Props/State两种状态；
- “组件”可由其他组件拼装而成；
组件声明了状态和UI的映射。 组件有Props/State两种状态。 “组件”可由其他组件拼装而成。
想象一下一个组件可能长什么样子
生命周期
- 生命周期函数是一些钩子函数(回调函数)，在某个时间会被React源码内部进行回调;
- 通过对生命周期函数的回调，我们可以知道目前组件正在经历什么阶段;
- 我们就可以在该生命周期中编写属于自己的逻辑代码了;
