React相关 | 青训营

41 阅读1分钟

响应式编程?

react历史 可以用来1、网页(如Netflix)2、移动原生应用开发(如:Instagram)3、结合Electron,进行桌面应用开发 2010 年 : Facebook 在其 php 生态中,引入了 xhp 框架,首次引入了组合式组件的思想,启发了后来的 React 的设计。

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

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

保证性能

2013年:React正式开源

A JavaScript library for building user interfaces. | 一个用于创建用户界面的JavaScript library

  • React的设计思路

遇到了什么样的问题?导致了新的需求(react)产生?

React的设计思路:UI编程的痛点

举例:苹果官网手机价格的展示,如果用JavaScript写,声明一个价格的变量,设置一个onClick事件,完了之后还得根据点击更改UI

问题总结: 1、状态更新,Ul不会自动更新,需要手动地调用DOM进行更新。

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

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

转换式系统(编译原理,给一个输入求解输出的过程) - > 响应式系统(前端,需要监听事件,更符合前端交互的特性,一旦发生了什么样的事件,需要做什么样的处理;) 根本性的差异决定了转换式系统在写前端时的困难