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

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

1.React

React是用于构建用户界面的JavaScript库，起源于Facebook的内部项目

特点

  • 声明式设计：React使创建交互式UI变得轻而易举。为你应用的每一个状态设计简洁的视图，当数据变动时React能高效的更新并熏染合适的组件。
  • 组件化：构建关机自身状态的封装组件，然后对其组合以构成复杂的UI
  • 高效：React通过对DOM的模拟，最大限度地减少与DOM的交互
  • 灵活：无论你现在使用什么技术栈，在无需重写现有代码的前提下，通过引入React来开发新功能

2.React 的设计思路

  • UI编程痛点

image.png

  • 响应式与转换式

image.png

  • 响应式编程

image.png

  • 期望

image.png

  • 组件化

image.png

image.png

  • 状态归属问题

image.png

  • 生命周期

image.png

3.React实现

不能直接带入浏览器执行

image.png

  • problem1

image.png

  • problem2

image.png

image.png

  • How to Diff?

image.png

image.png

4.React状态管理库

  • 核心思想

image.png

  • 状态机

image.png

avatar
文章
阅读
粉丝