react-patterns
React Patterns 是一套面向 React 组件设计、状态管理与渲染优化的核心模式集合,来源于 casper-studios/casper-marketplace。它强调以最小状态编写组件:优先使用派生值和 props,而非新增 state 变量;将状态作用域限制在真正需要它的最小子树中;对复杂状态使用可辨识联合(discriminated unions)。在记忆化方面,要求任何 O(n) 操作都必须使用 memoization,并采用原子化记忆化以减少依赖数组,同时通过 Loader/Inner 模式在使用 useMemo 前收窄类型。在条件逻辑方面,提倡肯定式逻辑、显式条件判断,用三元表达式替代 &&,并用提前返回来处理守卫条件。该技能适用于创建组件、管理状态或优化渲染等场景,配套文档涵盖 state-management.md、memoization.md 和 conditional-logic.md,分别展开状态管理、记忆化与条件逻辑的具体做法。