执行ReactDOM.render会创建fiberRootNode（源码中叫fiberRoot）和rootFiber。 fiberRootNode fiberRootNode是整个应用的根节点，绑定在

前言 在 TypeScript 4.1 来临之前，对于像 dva、 vuex 这种需要在触发时写入命名空间的函数，我们无奈的只能使用 any 对其进行类型定义...

目的是初识fiber并实现react基础功能，请带着下面几个问题去阅读此文。 JavaScript是单线程运行的。在浏览器环境中，他需要负责页面的JavaScript解析和执行、绘制、事件处理、静态资源加载和处理。而且只能一个任务一个任务的执行，如果其中某个任务耗时很长，那后面…

之前写过一篇 Redux 的源码解析文章，时隔几个月我又看了看 React Redux 的源码，这一次也是收获满满，所以写下了这篇博客记录一下我的收获。 React Redux 不同于 Redux，Redux 的设计目的在于提供一个独立于 UI 的数据中心，使得我们可以方便地在…

已经快一年没有碰过 React 全家桶了，最近换了个项目组要用到 React 技术栈，所以最近又复习了一下；捡起旧知识的同时又有了一些新的收获，在这里作文以记之。 为了更好的解读源码，我们可以把源码拷贝到本地，然后搭建一个开发环境。Redux 的使用不依赖于 React，所以你…

Fiber 是对 React 核心算法的重构，facebook 团队使用两年多的时间去重构 React 的核心算法，在React16 以上的版本中引入了 Fiber 架构，其中的设计思想是非常值得我们学习的。 我们知道，在浏览器中，页面是一帧一帧绘制出来的，渲染的帧率与设备的刷…

之前的文章React Mixins入门指南介绍了React Mixin的使用。在实际使用中React Mixin的作用还是非常强大的，能够使得我们在多个组件中共用相同的方法。但是工程中大量使用Mixin也会带来非常多的问题。Dan Abramov在文章Mixins Consid…

这个库是可以选用的。实际项目中，应该权衡一下，是直接使用 Redux，还是使用 React-Redux。后者虽然提供了便利，但是需要掌握额外的 API，并且要遵守它的组件拆分规范。 本文对于react-redux的用法不会过多介绍，重点仍然放在源码实现上。如果还不太了解如何使用…

1. 初始化项目 create-react-app + TS 2. 支持编译 Sass 添加 reset 全局样式，可参考 normalize.css 库，它提供了跨浏览器的高度一致性。 3. 编写 Button 组件 ButtonHTMLAttributes 是 button…