SuperAPI AI 工具集

abramov-state-composition

编程与开发

查看项目

更新于 10-15 21:09

技能介绍

用途:该技能用于按 Dan Abramov(Redux 与 Create React App 联合创作者、React 核心团队成员)的风格编写 JavaScript/React 代码,核心是让状态可预测、可追踪,并优先考虑开发者体验。

主要能力与原则:强调可预测性(状态变化可追踪)、组合(用简单构建复杂,而非继承)、显式优于魔法、状态尽量扁平、状态就近放置、纯函数更新状态、用自定义 Hook 复用逻辑、用 useReducer 处理复杂状态转换、让不可能状态变得不可能、使用错误边界、策略性而非到处使用 memo 优化。

代码模式:组件组合(children 与复合组件模式)、自定义 Hook(如 useLocalStorage、useAsync)、状态管理(就近放置、reducer、单一 status 替代多个布尔值)、性能(useMemo、useCallback、React.memo,但先做性能分析)、错误边界。

使用方式:资料未提供具体安装命令或调用步骤,仅给出风格指南与代码示例。

适用场景:编写或审查 React 组件、设计状态结构、重构状态管理、提取可复用逻辑。

限制:资料未说明收费、价格、平台或效果;示例代码需按实际项目调整,不应盲目照搬。