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

hook组件初渲染 hooks组件在初次渲染时， 解析组件类型，判断是Function还是class类型，然后执行对应类型的处理方法 判断到当前是Function类型组件后，首先在当前组件，也就是fiberNode上进行hook的创建和挂载，将所有的hook api都挂载到全局变量 ...

背景 老的react架构在渲染时会有一些性能问题，从setstate到render，程序一直在跑，一直到render完成。才能继续下一步操作。如果组件比较多，或者有复杂的计算逻辑，这之间的消耗的时间是比较多的。 假设更新一个组件需要1ms，如果有200个组件要更新，那就需要200ms ...

react中的虚拟dom，本质上是一种对象形式到dom的描述，虚拟dom的操作是在js层面的计算，如果把js映射生成真实的dom 调用生命周期中的render方法，生成虚拟dom，然后再调用reactDom.render方法，实现虚拟dom的真实dom转换 组件的再次更新，会再次调用 ...

React Hooks 概念 为什么叫 React Hooks. 阮一峰解释 React Hooks React Hooks 的意思是，组件尽量写成纯函数，如果需要外部功能和副作用，就用钩子把外部代码"钩"进来。 React Hooks 就是那些钩子。 你需要什么功能，就使 ...

react的特点 声明式设计 −React采用声明范式，可以轻松描述应用。 高效 −React通过对DOM的模拟（虚拟dom），最大限度地减少与DOM的交互。 灵活 −React可以与已知的库或框架很好地配合。 JSX − JSX ...

目录 1、useState保存组件状态 2、useEffect 处理副作用 3、useContext 减少组件层级 4、useReducer 数据交互 5、us ...

React 16 服务端渲染的新特性 React 16 中关于服务端渲染的新特性 快速介绍React 16 服务端渲染的新特性，包括数组、性能、流等 React 16 终于来了！🎉🎉🎉 React 16 中有许多令人激动的新特性（最著名的是Fiber的重写），但是对我个人而言，最 ...