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

本文将在 useReducer 实现的全局状态管理的基础上，以保持函数式为前提，分析、确定、设计、应用新 API 完成简化，最终省去六成以上的代码。

一、前言 Promise 官方文档中表示：Promise 对象的状态不受外界影响。Promise 对象代表一个异步操作，有三种状态：Pending（进行中）、Resolved（已完成，又称 Fulfi

老项目的业务逻辑和结构过于混乱，因此决定着手重构，简单记录项目中的一些重构 case........

在开发中，你可能遇到过 API 调用杂乱无章、代码维护困难的问题。别担心，今天我们聊聊如何用 TypeScript 和 Axios 打造一个让后端开发也不得不点赞的 API 封装。无论你是初学者还是老

在 React 的世界里”一切都是组件“， 组件可以映射作函数式编程中的函数，React 的组件和函数一样的灵活的特性不仅仅可以用于绘制 UI，还可以用于封装业务状态和逻辑，或者非展示相关的副作用, 再通过组合方式组成复杂的应用. 本文尝试解释用 React 组件的思维来处理常…

一个复杂的应用都是由简单的应用发展而来的, 随着越来越多的功能加入项目, 代码就会变得越来越难以控制. 本文章主要探讨在大型项目中如何对组件进行组织, 让项目具备可维护性. 1. 组件设计的基本原则 2. 基本技巧 3. 组件的分类 4. 目录划分 5. 模块 6. 拆分 7.…

前言 在上一篇文章提升前端代码质量之SOLID设计原则-SRP单一职责中简单介绍了SOLID五种设计模式，本文不再赘述。 SOLID相关的文章索引： 提升前端代码质量之SOLID设计原则-SRP单一职

一 什么的好的组件? 支持组件之外访问内部状态, 不用ref 处理受控非受控模式, 解决掉 useUncontrolled 不支持队列的问题 复合组件的设计模式 支持多例单例模式 最佳实践: http