以前，一个标准答案是说 classes 提供更多的功能（例如 state）。有了 Hooks，便不是这样了。 可能你听过其中一个性能更好。哪一个？许多这样的性能基准都存在缺陷，所以我会小心地从中得出结论。性能主要取决于代码而不是选择一个 function 或者 一个 class…

通过es6新增class的属性创建的组件此组件创建简单. React 16.3版本后，使用此方法来创建ref。将其赋值给一个变量，通过ref挂载在dom节点或组件上，该ref的current属性,将能拿到dom节点或组件的实例 子组件通过React.forwardRef来创建，…

写一篇关于 React Fiber 的文章， 这个 Flag 立了很久，这也是今年的目标之一。 最近的在掘金的文章获得很多关注和鼓励，给了我很多动力，所以下定决心好好把它写出来。 我会以最通俗的方式将它讲透, 因此这算是一篇科普式的文章。不管你是使用React、还是Vue，这里…

每个组件都可以获取到 props.children。它包含组件的开始标签和结束标签之间的内容。 props 是 React 组件的输入。它们是从父组件向下传递给子组件的数据。 有时我们需要多个插槽。对于这样的情况，<slot> 元素有一个特殊的特性：name。这个特性可以用来定…

createElement方法也是vue和react用来创建虚拟DOM的方法，我们也叫这个名字，方便记忆。接收三个参数，分别是type，props和children 到目前为止，已经轻而易举的实现了创建虚拟DOM。那么，接下来进行下一步，将其渲染为真实的DOM，别犹豫，继续回到…

reducer 的最佳实践主要分为以下几个部分 ✦ 抽离工具函数，以便复用。 ✦ 抽离功能函数（case function），精简 reducer 声明部分的代码。 ✦ 根据数据类别拆分，维护多个独立的 slice reducer。 ✦ 合并 slice reducer。 ✦ 通过 crossReducer 在多个 slice reducer 中共享数据。 ✦ 减少 reducer 的模板代码。 接下来，我们详细的介绍每个部分

在上一篇文章 Redux 入门 -- 基础用法中，阿大用 redux 开起了水果店。 谁知道水果店生意越来越好，于是阿大开始拓展业务，不仅卖水果，还卖起了生鲜，于是有了水果部和生鲜部。 但是阿大并不想看各个部门的分账本，他只想看一个总账本就好了。刚好 redux 提供了 com…

如果你在编写函数组件并意识到需要向其添加一些 state，以前的做法是必须将其它转化为 class。现在你可以直接在现有的函数组件中使用 Hooks 1. 类组件的不足 综上所述，如果不注意的话，很容易写成第三种写法，导致性能上有所损耗。 2. Hooks 优势 副作用的关注点…

由于用户访问项目时输入url需要有对应的输出，而作为整个文件输出时，一共有三种情况：登录、详情页、首页。故需要编写项目的入口文件router.js并在index.js中引入 由于我们要访问完整路由时有登录页面、详情页面和首页，router文件需要定义根组件App，App.js内…