不想当架构的前端不是

1. 前言 Hooks是React16.8版本中的新特性，它可以在不使用class声明的组件中使用state和React特性。 Hooks的使用完全根据我们的需要进行选择用还是不用。 Hooks是完全向下兼容。 Hooks现在完全可用，已经发布与v16.8.0。 Hooks的出…

1. 前言 diff并非React首创，只是React针对diff算法进行了优化。在React中diff算法和Virtual Dom的完美结合可以让我们不需要关心页面的变化导致的性能问题。因为diff会帮助我们计算出Virtual Dom变化的部分，然后只对该部分进行原生DOM…

React是通过管理状态来实现对组件的管理。那么React是如何控制组件的状态，又是如何利用状态来管理组件的呢？ 在React中是通过this.setState()来更新state。当调用this.setState()的时候，React会重新调用render方法来重新渲染UI。…

1. 初步了解React生命周期 React生命周期可以分为挂载、更新、卸载三个阶段。主要可以分为两类： 组件的挂载是最基本过程，这个过程主要做初始化。在这初始化个过程中componentWillMount会在render方法之前执行，而componentDidMount方法会…

React中Virtual DOM几乎涵盖了所有的原生DOM。React大部分工作都是在Virtual DOM完成的。 当执行mountComponent时，ReactDOMComponent首先会生成标记和标签。通过createOpenTagMarkupAndPutListe…