很多同学用react开发的时候，真正用到的React的api少之又少，基本停留在Component,React.memo等层面,实际react源码中，暴露出来的方法并不少，只是我们平时很少用。但是Re

react自从2013年推出到如今已经走过了很多个年头，react生态redux、react-redux、redux-saga也已经成为react开发者的配套标准，使用起来已经相当熟悉，本文简单聊聊redux、react-redux和redux-saga的实现原理。 这张经典的…

React.createClass 是 React 最传统、兼容性最好的方法。该方法构建一个组件对象, 当组件被调用时，就会创建几个组件实例 ES6 class 方式和 createClass 类似，只是从调用内部方法变成了用类来实现。 无状态组件创建时始终保持一个实例，避免了…

Hook 使你在无需修改组件结构的情况下复用状态逻辑。在Hook之前，我们可以使用render props和高阶组件来添加可复用的状态逻辑。 render props就是在react组件之间使用一个值为函数的prop共享代码技术，组件接收一个返回React元素的函数，并在组件内…

引言：在React项目开发的过程中，怎么减少代码冗余，提供代码质量，加强代码的可维护性，都是我们经常要考虑的问题。接下来，我会用HOC、Render Props、Hook这三种方式，示范一些常用的组件封装的技巧 高阶组件（HOC）是 React 中用于复用组件逻辑的一种高级技巧…

上一篇文章我们主要实现了 JSX 在 WebGL 上的渲染与更新，对 虚拟DOM 和 Diff 有了更深的了解，但相比于我们使用的 React，还缺乏了之中很重要的一环 --- 组件模式。 想必大家能认同，React组件(Component)具有 强大的功能，高拓展性和高解耦性…