自己在最近的开发工作中，面对一些可能很多前端同学都会遇到的问题，有了一些心得体会。 所以有了这篇文章，想来和大家聊一聊该如何设计和抽象我们的 React 组件。 视图组件，即我们使用 React 来表现视图层的这一部分。 它们最重要的特点就是：它们和业务没有一毛钱关系。 它们的…

本文就“业务组件封装思路”这个主题进行了探讨，分析了常规的组件抽取思路及其容易遇到的困境，与此同时由简入繁地介绍了ComponentTemplate+stateHook这种相对灵活的组件抽取思路。

随着我们解决的场景越来越专业化和复杂化，大型SPA应用的流行，前端承担的职责越来越多。代码的质量和系统的完整性越来越难把握。很容易导致迭代着迭代着发现代码改不动了。最后只能新起炉灶，重新开发。归根到底在于复杂度的失控，本文会尝试分析其中的问题以及从前端如何应用领域模型开发的角度…

1. 导读 重构一个项目还不如新开发一个项目... 这代码是谁写的，我真想... 针对上面的问题，本文的主角 圈复杂度 重磅登场，本文将从圈复杂度原理出发，介绍圈复杂度的计算方法、如何降低代码的圈复杂度，如何获取圈复杂度，以及圈复杂度在公司项目的实践应用。 2. 圈复杂度 圈复…

背景本文讨论的代码质量指的是代码本身的质量，包括复杂度、重复率、代码风格等要素。代码是团队的共同财产，代码质量是团队技术水平和管理水平的直接体现。代码质量下降通常会自成因果，导致恶性循环：破窗效应：在烂代码上继续生产烂代码的心理负担小很多传染性：烂代码传递着一种不在意质量，只看业…

对于中大型前端项目，项目规范与代码质量尤为重要。当功能需求变更或需要重构时，随心所欲的(糟糕的)代码可能带来比重新开发还麻烦的问题。 这个问题不用作过多阐述，想必接手过他人代码的同学，多少都有些体会。简单来说，太过随意的代码会让强迫症患者难以容忍，难以阅读理解的代码有时甚至不如…