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

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

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

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

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

详解React生命周期(包括react16最新版) React v16.0前的生命周期 其实大部分团队不见得会跟进升到16版本，所以16前的生命周期还是很有必要掌握的，何况16也是基于之前的修改 ...

1. 因为 react-router4 没有在提供 onEnter 这样的全局跳转钩子，所以要通过 高阶组件 去处理 来实现一个 路由守卫 2. 按需加载这里我同样使用 高阶组件 来实现 3. 登录成功时 要先获取用户菜单保存到redux中，在登录状态下，刷新页面需要重新获取菜单，并保存 ...

：庖丁解牛使用 React 理念开发首页的功能，通过组件拆分-展示型组件开发的流程开发所有的展示型组件，并且 ...