React的历史与应用及设计思路 | 青训营笔记

182 阅读1分钟
这是我参与「第五届青训营 」伴学笔记创作活动的第 6 天

一、重点内容

1.React的历史与应用

2.React的设计思路

二、React的历史与应用及设计思路

1.React的历史与应用

image.png React可以做前端网页,移动原生应用开发,和桌面应用开发

image.png

image.png

image.png

2011 Facebook在其 php 生态中,引入了 xhp 框架,首次引入了组合式组件的思想,启发了后来的 React 的设
计。
2010 Jordan Walke创造了FaxJS,也就是后来的 React 原型。

2012 创造在Facebook收购Instagram 后,该 FaxJS 项目在内部得到使用,Jordan Walke 基于 FaxJS 的经验,创造React。
2013 React 正式开源,在 2013 JSConf  Jordan Walke 介绍了这款全新的框架。
2014年-今天 生态大爆发,各种围绕 React 的新工具/新框架开始涌现。

2.React的设计思路

原生JavaScript写UI有这么三个痛点:

状态更新,UI不会自动更新,需要手动地调用DOM进行更新
欠缺基本的代码层面的封装和隔离,代码层面没有组件化
UI之间的数据依赖关系,需要手动维护,如果依赖链路长,则会遇到Callback Hell

image.png

React 的设计与实现-响应式编程 image.png

React 的设计与实现-组件化

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

image.png

React 的设计与实现-状态归属问题

image.png