响应式系统与React|青训营笔记

74 阅读2分钟

这是我参与「第五届青训营 」笔记创作活动的第8天

响应式系统与React

React的历史与应用

React的历史

2010年Facebook在其php生态中,引入了xhp框架,首次引入了组合式组件的思想,启发了后来的 React 的设计。

2011年Jordan Walke创造了FaxJS,也就是后来的React原型

2012年在Facebook收购nstagram后,该FaxJS项目在内部得到使用,Jordan Walke基于 FaxJS的经验,创造了React

2013年React正式开源,在2013JSConf上Jordan Walke介绍了这款全新的框架

2014年到今天生态大爆发,各种围绕React的新工具/新框架开始涌现

React的应用

开发网页应用

开发移动原生应用

electron桌面开发

React的设计思路

UI设计痛点

状态更新,UI不会自动更新,需要手动地调用DOM进行更新

欠缺基本的代码层面的封装和隔离,代码层面没有组件化

UI之间的数据依赖关系,需要手动维护,如果依赖链路长,则会出现“Callback Hell”

响应式与转换式

监听事件,消息驱动,监控系统,UI界面

组件化

将页面拆分成一个一个的组件。组件有状态,父组件可以将状态传入到组件的内部

React Hooks写法

改变状态不是直接改变,而是调用useState方法进行改变

Redux使用

为何而生

日益增长的JavaScript单页应用开发日趋复杂与JavaScript对管理react状态的需求之间的矛盾

react推崇单项数据流,自上而下的传递,父组件传递给子组件。然而有时嵌套较深、兄弟组件也无法互相通信。这时可以通过全局消息来通信。

作用

是react的状态容器,提供可观测化的状态管理

使用

通过action进行更新状态