React
-
烧脑预警,这波心智负担有点重,深度探讨 useState 的实现原理
React 知命境第 38 篇,原创第 148 篇 在前面的一篇文章中,我们介绍了 Fiber 的详细属性所代表的含义。在函数式组件中,其中与 hook 相关的属性为 memoiz…
-
React 中,用到的几种浅比较方式及其比较成本科普
React 知命境第 39 篇,原创第 150 篇 开发中的绝大多数时候,我们并不需要关注 React 项目的性能问题。虽然我们在前面几个章节中,也花了几篇文章来分析如何优化 Re…
-
依赖追踪?Signal?如果你想要,React 中也能实现
我前面有跟大家分享过 React 的一大优势就是他对 JS 的弱侵入性。 弱侵入性一个比较显著的体现就是,当你觉得你不喜欢 React 自带的 useState、useEffect…
-
React 函数组件不是有状态吗,为什么还要说他是纯函数
React 知命境第 40 篇,原创第 153 篇 许多人在学习 React 时会有这样一个疑问,不断看到 React 官方团队言论,或者说各路大佬都是在说 React 是函数式编…
-
一图看懂 React 源码中的同步更新逻辑
React 知命境第 41 篇,原创第 154 篇 在 React 源码中,scheduleUpdateOnFiber 是所有任务的唯一入口方法。我们前面分析 useState 的…
-
从简单中窥见高端,彻底搞懂任务可中断机制与任务插队机制
React 知命境第 42 篇,原创第 155 篇 前面用了几篇文章来跟大家分享什么是任务可中断,不过呢,可能是我介绍的方式太过于简单粗暴,以致于还是有部分同学没太明白,所以今天我…
-
React 源码中最重要的部分
React 知命境第 43 篇,原创第 156 篇 无论是并发模式,还是同步模式,最终要生成新的 Fiber Tree,都是通过遍历 workInProgress 的方式去执行 p…
-
从 ant design 中,学一手复杂组件交互的最佳实践
React 知命境第 44 篇,原创第 158 篇 我们在学习的时候遇到的 Demo 经常都是比较简单的,但是一旦到了实践工作中,数据和功能就开始变得复杂了。这个时候许多…
-
FLIP,一种高端优雅但简单易用的前端动画思维
React 知命境第 45 篇,原创第 159 篇 有一种能够快速实现复杂动画交互的动画思维 FLIP,为了介绍这个动画思维,我准备了三个案例,大家可以在上面的视频中观看。 0 F…
-
React 中的国际化最佳实践
React 知命境第 46 篇,原创第 160 篇 这篇是年前最后一篇分享 React 知命境 的文章。 到目前为止,知命境这个合集里已经包含了大量的内容,足够我们在 React …
-
React 中的事件处理(2)
事件处理 React 元素采用类似 DOM0 标准中的事件属性定义方法 JSX<button onClick={this.doSth}>点击</button>…
-
React 列表渲染&条件渲染(3)
条件渲染 判断条件一定是 bool 类型才会渲染,false、null、undefined class LoginForm extends React…
-
React 受控组件&非受控组件(4)
受控组件是通过绑定事件的方式,及时获取组件状态的变化,适合即时的数据验证 非受控组件是通过 React.createRef 创建的引用来获取需要的元素(状态),灵活性更高,开发者可…
-
React 基本简介(1)
React–7天从基础到进阶 什么是 React 用于构建用户界面的 JavaScript 库 React API 是处理视图的 API 集合 React 仅仅负责 V…
-
React 父子组件数据关系与状态提升(5)
父子组件数据关系与状态提升 状态提升:两个组件(无父子关系)共享一个数据并同步数据变化,即将子组件中的数据提升到父组件中进行操作和管理,通过 props 传递给子组件 类组件调用(…
-
React 代码分割&错误边界(6)
代码分割 import 静动态导入 静态导入:static import import xxx from ‘xxx’导入并加载时,导入的模块会被编译,不是按需编译 动态导入:dyn…