Chrome DevTools 是每位前端开发者的得力助手，它提供了丰富的功能和工具，帮助我们诊断和调试网页应用程序。

在开发web端项目时，偶尔会遇到在本地测试环境上没问题，发布到线上环境就有问题，这种BUG可以使用chrome浏览器里的Overrides进行线上调试然后找出问题 FixBug~

测试妹子给我提了个bug,说为什么一次操作，network里面两个请求。走过去一看，原来是多了个options请求。然后做了详细的解释。

Drawer、Modal 这类浮层组件被多处依赖时，其状态管理就会变得难以维护，本文结合实际工作中的遇到的开发痛点，总结了如何使用Hooks简化浮层组件交互与传参。

如果你在编写函数组件并意识到需要向其添加一些 state，以前的做法是必须将其它转化为 class。现在你可以直接在现有的函数组件中使用 Hooks 1. 类组件的不足 综上所述，如果不注意的话，很容易写成第三种写法，导致性能上有所损耗。 2. Hooks 优势 副作用的关注点…

如果写了大量的 `if` 分支，并且可能还具有**分支套分支**，可以想象到整个代码的可读性和可维护都会大大降低，这在实际开发中，确实是一个比较头疼的问题，那有没有什么办法能够即实现需求又能避免...

之前写过用 VSCode Debugger 或者 Chrome DevTools 调试网页和 Node.js 代码，还有各种打断点的方式。 但只是讲了如何使用，很多同学不知道为什么要用 debugge

附加面试题： 为什么不能在条件和循环里使用Hooks? 为什么不能在函数组件外部使用Hooks? React Hooks的状态保存在了哪里? useReducer 原理 问题: 下面这段代码，从挂载到

树形控件，交互展示 添加节点 编辑节点 删除节点 灵感来自 树的结构灵感来自：Material UI源码。 地址：https://github.com/mui/material-ui/tree/mas