React
6篇文章 · 0订阅
  • 如何在class组件中使用hooks
    前不久在开发中遇到一个问题，在一个基于class component的react项目，想要使用像hooks里的useEffect这样的函数，来监听某些props的变化，每当这些props变化时，都要执行一遍指定的函数。 如果是在一个使用hooks的组件里，想要实现这样的效果直接…
    React.js
  • 【React避坑指南】useEffect依赖引用类型
    “潜规则”丰富的React远比看上去要难相处，这篇文章介绍了useEffect依赖对象或数组时引发的问题和原因，提出了一系列思路和方法。
    React.js 前端框架
    【React避坑指南】useEffect依赖引用类型
  • setState异步、同步与进阶
    在 React 日常的使用中，一个很重要的点就是，不要直接去修改 state。例如：this.state.count = 1是无法触发 React 去更新视图的。因为React的机制规定，一个state的更新，首先需要调用 setState 方法。 这样便能触发重新渲染。稍有经…
    React.js
  • 【React深入】setState的执行机制
    以下几个问题是我们在实际开发中经常会遇到的场景，下面用几个简单的示例代码来还原一下。 3.更新时会把每个组件的更新合并，每个组件只会触发一次更新的生命周期。 由于源码比较复杂，就不贴在这里了，有兴趣的可以去github上clone一份然后按照下面的流程图去走一遍。 1.将set…
    React.js
  • 手写React的Fiber架构，深入理解其原理
    熟悉React的朋友都知道，React支持jsx语法，我们可以直接将HTML代码写到JS中间，然后渲染到页面上，我们写的HTML如果有更新的话，React还有虚拟DOM的对比，只更新变化的部分，而不重新渲染整个页面，大大提高渲染效率。到了16.x，React更是使用了一个被称为…
    前端 React.js
  • 「译」React Fiber 那些事: 深入解析新的协调算法
    React 是一个用于构建用户交互界面的 JavaScript 库，其核心 机制 就是跟踪组件的状态变化，并将更新的状态映射到到新的界面。在 React 中，我们将此过程称之为协调。我们调用 setState 方法来改变状态，而框架本身会去检查 state 或 props 是否…
    React.js
    「译」React Fiber 那些事: 深入解析新的协调算法