遇到屎山代码，大多数人第一反应就是这谁写的代码这么差，其实大多数公司大多数人至少曾经都写过一些屎山代码，有屎山代码很正常，问题在于怎么快速梳理出业务逻辑，防止在迭代新需求时引发bug

这次的分享结合我在项目中使用 full hooks-based React Components 的一些经验，给大家介绍一些我所认为的 React Hooks 最佳实践。 首先还是简单回顾一下 React Hooks。 先看传统的 React Class-based Compo…

React 状态管理工具五花八门，dva、mobx、recoil、zustand。换做是你，你会怎么选呢？选择一个合适的状态管理工具，对项目研发是至关重要的，来看看我的选择方案吧

程序中出现的很多bug往往是由于数据不经意间变成了null或者undefined造成的，比如说与服务器通信，第三方库抛出异常来表示某些错误等。因此，编写代码时也往往会写大量防御代码

依赖注入（DI）和控制反转（IOC）基本是一个意思，因为说起来谁都离不开谁。 简单来说，类A依赖类B，但A不控制B的创建和销毁，仅使用B，那么B的控制权则交给A之外处理，这叫控制反转（IOC）。 这个过程叫依赖注入（DI）。 在刚刚的例子中，将B的实例注入到A的构造函数中的这个…

前端作为软件工程长期发展出来的一个独立分支，一直没有属于自己的特定的代码设计模式，最近我们在实践中对一些发源于面向对象的代码设计做了一些总结，总结了三种模式，遂有此文予以分享。 组件模式 组件模式是我

最近学习了淘系前端大神修言大佬的《JavaScript 设计模式核⼼原理与应⽤实践》，让我受益匪浅，一直沉浸在业务上重复造轮子的调包虾，每天感觉工作满满，但是未曾感觉自己在进步

设计模式：根据不同场景创建不同类型的对象的套路被称为设计模式。 ①可维护性：设计模式有助于降低模块间的耦合程度，这使对代码进行重构和换用不同的模块变得更容易，也使得程序员在大型团队中的工作以及与其他程序员的合作变得更容易。 实现设计模式比较容，懂得应该在什么时候使用什么模式比较…