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

102 阅读2分钟

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

1、React 的历史与应用

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

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

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

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

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

2、React 的设计思路

UI编程痛点

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

组件化

1. 组件是组件的组合/原子组件
2. 组件内拥有状态,外部不可见
3. 父组件可将状态传入组件内部 4. 组件声明了状态和UI的映射 5. 组件有Props/State两种状态 6. “组件”可由其他组件拼装而成

3、React 的实现

1. JSX不符合JS标准语法
2. 返回的JSX发生改变时,如何更新DOM
3. State/Props更新时,要重新触发render函数

4、应用级框架科普

1. 硅谷明星创业公司Vercel的React开发框架,稳定,开发体验好,支持Unbundled,SWC等,其同样有Serverless一键部署平台帮助开发者快速完成部署。口号是“Let'Make Web Faster”
2. 字节跳动Web infra团队研发的全栈开发框架,内置了很多开箱即用的能力与最佳实践,可以减少很多调研选择工具的时间。
3. 无API思想的全栈开发框架,开发过程中无需写API调用与CRUD逻辑,适合前后端紧密结合的小团队项目。