日常开发中，我们经常会碰到需要重构的时候，VS Code中的 “重构” 菜单给我们提供了丰富了的操作，可以帮我们更高效地完成重构工作。

我也不知道应该说点撒，很久没在掘金发文章了，有点慌。 就是一个目录，后续应该还有10多篇的样子，主要是实战，更新了会把目录补上。

❗️准备知识 :熟悉 React熟悉 TypeScript (参考书籍：2ality's guide, 初学者建议阅读：chibicode's tutorial）熟读 React 官方文档 TS部分熟

React 16.8 于 2019.2 正式发布，这是一个能提升代码质量和开发效率的特性，笔者就抛砖引玉先列出一些实践点，希望得到大家进一步讨论。 然而需要理解的是，没有一个完美的最佳实践规范，对一个高效团队来说，稳定的规范比合理的规范更重要，因此这套方案只是最佳实践之一。 拥…

在React中实现逻辑复用通常有以下几种方式：Mixin、高阶组件(HOC)、修饰器(decorator)、Render Props、Hook。本文主要就以上几种方式的优缺点作

React Hooks 作为 React 的重要补充，它使函数组件能够以新的方式编写、重用和共享 React 代码。

在过去的几个月里，React Hooks 在我们的项目中得到了充分利用。在实际使用过程中，我发现 React Hooks 除了带来简洁的代码外，也存在对其使用不当的情况。 在这篇文章中，我想总结我过去几个月来对 React Hooks 使用，分享我对它的看法以及我认为的最佳实践…

最近参与了一个 React + Typescript 组件项目，这个项目后期会开源，对代码的质量和工程化上有比较高的要求，因此需要进行工程化治理。通过这次工程化治理，笔者算是梳理清楚了一个 React + Typescript 第三方组件所需要的一些工程化方面的基础设施，在这里…

现在前端程序员都知道，React 是组件化的。当我开始学习 React 的时候，我记得当时已经存在了很多不同编写组件的方式了。如今，React 社区已经愈发成熟，但是对于组件正确编写姿势却没有一个相对完备的指导。 这篇文章仅从作者的观点出发，来谈一谈我们究竟应该如何来写高质量的 …