前言 react升级到16之后，架构发生了比较大的变化，现在不看，以后怕是看不懂了，react源码看起来也很麻烦，也有很多不理解的地方。 大体看了一下渲染过程。 react16架构的变化 react api的变化就不说了。react架构从stack变到了“fiber”。 最大的变化就是支持 ...

在一个组件的整个生命周期中，通过用户的交互来更新state或者props，重新渲染组件，更新页面的ui。组成一个简单的“状态机”。 react的生命周期三个阶段： Mounting 挂载 1、 constructor()构造方法 constructor是ES6对类的默认方法 ...

react16-Fiber架构：改变了之前react的组件渲染机制，新的架构使原来同步渲染的组件现在可以异步化，可中途中断渲染，执行更高优先级的任务，释放浏览器主线程。 　　React 核心算法的更新 —— 这次更新提供了一个从底层重写了 React 的 reconciliation 算法（译注 ...

前言 React实现可以粗划为两部分：reconciliation（diff阶段）和 commit(操作DOM阶段)。在 v16 之前，reconciliation 简单说就是一个自顶向下递归算法，产出需要对当前DOM进行更新或替换的操作列表，一旦开始，会持续占用主线程，中断操作却不容易实现 ...

超级账本（Hyperledger）项目分框架类和工具类两种项目，框架类有Hyperledger Burrow、Hyperledger Fabric、Hyperledger Indy、Hyperledger Iroha和Hyperledger Sawtooth五个顶级项目；工具类 ...

项目中我一般用的还是react15的比较多，偶尔接触react16，目前使用的大多是生命周期的区别，16新增了几个生命周期。 static getDerivedStateFromProps：用于代替componentReceiveProps。是个静态方法。 父组件传入子组件的属性更新时，同步 ...

引言 在上一篇文章中我们通过create-react-app脚手架快速搭建了一个简单的示例，并基于该示例讲解了在类组件中React.Component和React.PureComponent背后的实现原理。同时我们也了解到，通过使用Babel预置工具包@babel/preset-react ...

三个原则 single store render from top immutable data single store，便于组件之间通信。 render from top，因为store就一个，每次修改后，从最顶层开始渲染，依赖DOM diff和人工 ...