关于转生学react这档事

壹 ❀ 引 本文属于我在公司的一篇技术分享文章，它在我之前 React性能优化，六个小技巧教你减少组件无效渲染一文的基础上进行了拓展，增加了工具篇以及部分更详细的解释，所以内容上会存在部分重复，以下是

壹 ❀ 引 React Developer Tools 是 React 官方推出的开发者插件，可以毫不夸张的说，它在我们日常组件开发中，对于组件属性以及文件定位，props 排查等等场景都扮演者至关重

壹 ❀ 引 在过去的一段时间，我一直围绕项目中体验不好或者无效渲染较为严重的组件做性能优化，多少积累了一些经验所以想着整理成一片文章，下图就是优化后的一个组件，可以对比优化前一次切换与优化后多次切换的

壹 ❀ 引 我们公司产品主要提供企业项目管理服务，那么自然有配套的desk工单管理系统，用于搜集客户bug以及相关问题反馈。有一天我在测试功能时碰巧发现了一个bug，所以就想着提一个工单记录下方便日后

壹 ❀ 引 我在【react】什么是fiber？fiber解决了什么问题？从源码角度深入了解fiber运行机制与diff执行一文中介绍了react对于fiber处理的协调与提交两个阶段，而在介绍协调时

壹 ❀ 引 我在[react] 什么是虚拟dom？虚拟dom比操作原生dom要快吗？虚拟dom是如何转变成真实dom并渲染到页面的?一文中，介绍了虚拟dom的概念，以及react中虚拟dom的使用场景

壹 ❀ 引 虚拟DOM（Virtual DOM）在前端领域也算是老生常谈的话题了，若你了解过vue或者react一定避不开这个话题，因此虚拟DOM也算是面试中常问的一个点，那么通过本文，你将了解到如下

壹 ❀ 引 在前面两篇文章中，我们花了较大的篇幅介绍react的setState方法，在介绍setState同步异步时提到，在react合成事件中react对于this.state更新都是异步，但在原

壹 ❀ 引 在日常面试中，若对于了解react的同学而言，多多少少会被问到生命周期相关的问题，比如大致阐述生命周期的运作流程，以及每个钩子函数大致的作用，而我在两位出去面试的同事那里了解到，他们都遇到

壹 ❀ 引 在react中的setState是同步还是异步？react为什么要将其设计成异步？一文中，我们介绍了setState同步异步问题，解释了何种情况下同步与异步，异步带来了什么好处，以及rea

壹 ❀ 引 了解react的同学都知道，react遵守渲染公式UI=Render(state)，状态决定了组件UI最终渲染的样子（props也可以理解为外部传入的状态），由此可见state对于reac