实现 createElement 方法。 实现 render 方法。 首先复习一些基础概念。如果你已经知道 react、JSX、DOM 元素是如何工作，可以跳过这一步。 以上代码就使用纯 javascript 实现了 react 的最简应用（前面3行代码）。 1. create…

基于上一遍关于React组件通信文章中，有关任意组件间数据通信：Redux、Redux-mobx、Redux-saga的解读，对于Redux生态圈中，中间件是如何拓展到Redux中的机制，勾起个人的兴趣。 高阶组件(HOC higher-Order Component) 是Re…

作为一个构建用户界面的库，React的核心始终围绕着更新这一个重要的目标，将更新和极致的用户体验结合起来是React团队一直在努力的事情。为什么React可以将用户体验做到这么好？我想这是基于以下两点原因： Fiber架构和Scheduler出色的调度模式可以实现异步可中断的更…

我工作中的技术栈主要是 React + TypeScript，这篇文章我想总结一下如何在项目中运用 React 的一些技巧解决一些实际问题，本文中使用的代码都是简化后的，不代表生产环境。生产环境的代码肯定比文中的例子要复杂很多，但是简化后的思想应该是相通的。 那么比如在路由发生…

我工作中的技术栈主要是 React + TypeScript，这篇文章我想总结一下如何在项目中运用 React 的一些技巧去进行性能优化，或者更好的代码组织。 性能优化的重要性不用多说，谷歌发布的很多调研精确的展示了性能对于网站留存率的影响，而代码组织优化则关系到后续的维护成本…

React 开发一年多，最近仔细研究了 React 源码，在这里总结一下原理。React 源码比较复杂不适合初学者去学习。所以本文通过实现一套简易版的 React，使得理解原理更加容易（本文基于 React v15）。包括： React 的代码还是非常复杂的，虽然这里是一个简化…

我发现有两种方式，一种呢就是从github上拉取react项目的源码，github地址大家可以自己找，git clone下来之后，在/packages/react下面就是react的源码了，可以看到下面是分成了很多个小文件的，这个我一般用来看的不是用来调试的。 另一个呢就是建一…

在jsx中，也可以使用.表达式来引入React组件，如果你在一个类型中声明了很多React组件，这样做会很方便引用，同时也避免命名的冲突。 在开发复杂业务时经常会碰到需要在运行时选择组件类型，比如通过prop来决定渲染哪个组件，要实现这样的功能需要注意，必须先要把它赋值给一个大…

一个月前，React 官方正式发布了 v16.3 版本。在这次的更新中，除了前段时间被热烈讨论的新 Context API 之外，新引入的两个生命周期函数 getDerivedStateFromProps，getSnapshotBeforeUpdate 以及在未来 v17.0 …