mount(vnode, parent, [refNode]): 通过vnode生成真实的DOM节点。parent为其父级的真实DOM节点，refNode为真实的DOM节点，其父级节点为parent。如果refNode不为空，vnode生成的DOM节点就会插入到refNode之…

在 React 中，使用不可变状态可以快速且高效地比较更改前后的状态树。因此，每个组件可在执行任何成本很高的 DOM 操作之前，决定是否重新渲染。 像 Redux 这样流行的状态管理库也遵循着相同的理念。当我们使用 reducers（译者注：根级的 reduce 函数 redu…

本文帮助大家从0了解什么是immutable，以及它有什么作用，是在什么背景下应运而生的。 最重要的是它是我们日常开发中常用的技术之一，与React配合使用的immutable能给我们开发者带来多大的便利，本文会依次讲到。 显然上面例子中的原数组list，被我们不轻易间串改了，…

在 React 和 TypeScript (TSX) 中显示图片可以通过多种方式实现，具体取决于你的项目设置和图片的来源。以下是几种常见的方法： 方法一：通过 src 属性直接引用本地图片 如果图片位

前言 前端路由： 一个路径path 对应 一个组件component 当我们在浏览器中访问一个 path 的时候，path对应的组件会在页面中进行渲染； 一、创建路由开发环境 创建具有 路由 项目的

前段时间，我们写了一篇Redux源码分析的文章，也分析了跟React连接的库React-Redux的源码实现。但是在Redux的生态中还有一个很重要的部分没有涉及到，那就是Redux的异步解决方案。本文会讲解Redux官方实现的异步解决方案----Redux-Thunk，我们还…

Redux的使用一直是很多人在React开发中无法逃开的痛，各种中间件，各种配置，各种目录规范，让很多想尝试的人选择了放弃。不过Redux官方推出了Redux Toolkit这个库肯定符合大家的胃口。

前言 进了富途后，被要求用react来维护和开发新项目。这对于一直使用Vue的我来说需要好一段学习时间，在用react开发项目中，也用到redux，一开始我以为这玩意跟vuex差不多用法，结果却不是。

React 新老架构的 diff 对比 React 16 之前，React 是直接通过 递归遍历 VDOM 树 查找不同，对有变化的部分重新生成真实DOM。React 16之后的 Diff 是怎样的呢