响应式与React(上)|青训营

79 阅读1分钟

01.React 的应用

1.前端应用开发,如Netflix 网页版, Facebook,Instagram, 2.移动原生应用开发,如 Instagram,Discord Oculus. 3.结合 Electron,进行桌面应用开发

02.React 的设计思路

响应式与转换式 1.转换式系统 给定[输入] 求解[输出] 编译器 数值计算 2.响应式系统 监听事件,消息驱动。 监控系统 UI界面

image.png

3.响应或编程 01状态更新,UI 自动更新 02前端代码组件化,可复用,可封装 03状态之间的互相依赖关系,只需声明即可

4.组件化 1组件是组件的组合/原子组件 2.组件内拥有状态,外部不可见 3.父组件可将状态传入组件内部

5.组件设计 1.组件声明了状态和 UI 的映射。 2.组件有 Props/State 两种状态(state内部,props传来的) 3.“组件”可由其他组件拼装而成

6.生命周期

image.png 从出生到成长,最后到死亡,这个过程的时间可以理解为生命周期。React的生命周期同理也是这么一个过程。 React的生命周期分为三个阶段:挂载期(也叫实例化期)、更新期(也叫存在期)、卸载期(也叫销毁期)。在每个周期中React都提供了一些钩子函数。 生命周期的描述如下: 挂载期:一个组件实例初次北创建的过程。 更新期:组件在创建后再次渲染的过程。 卸载期:组件在使用完后被销毁的过程。