介绍目前 React 提供的所有 hooks ，介绍其功能类型和基本使用方法，查缺补漏，助你早日进阶 React !

最近公司在做数据整改，所以就要求前端对输入/反显的用户信息进行脱敏处理。例如 好了，需求已经很明显了，现在我们就开始撸代码吧 React中的受控组件/非受控组件 在正式开始之前，我们先理解一个概念。受

⁣React 的工作流程是什么？我们可以在哪些阶段进行性能优化呢？ 如果 React 项目中出现了卡顿，我们可以采用哪些性能优化技巧？ 如何通过 React Profiler 定位性能问题？

就我的个人感受分享一下关于我对提升代码质量的看法和做法，主要是从方法和推荐使用角度入手，分析如何才能让我们的代码看起来更优雅，运行起来性能更优秀，近 2 万字的篇幅，建议收藏起来慢慢看。

据了解，该面试官的部门使用React框架开发，所以问的问题也围绕React展开的比较多，以下是面试官问的问题。 1. 请你说说Vue和React两个框架之间的区别，各自的优缺点 Vue的数据绑定依赖数据劫持Object.defineProperty()中的getter和sett…

Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。本文是一篇以实战为主的文章，主要讲解实际项目中如何使用hooks以及一些最佳实践，不会一步步再介绍一遍react hooks的由来和基本使用，…

重磅提醒，评论有奖，抽奖方式具体看文末。本文分享了作者在学习如何自定义Hook过程中的一些心得体会。

下面是我阅读过源码后，将所有的执行流程总结出来的流程图，不会贴代码，如果你想阅读代码看看具体是如何实现的，可以根据流程图去源码里寻找。 组件装载 / 更新。 通过lastProps、nextProps判断是否新增、删除事件分别调用事件注册、卸载方法。 获取document对象。…

上周刚在公司进行了一次 React 运行时优化方案的分享，以下是分享的文字版，文章比较长，干货也很多，相信你看完后会对 React 有不一样的理解。