apply-frontend-common-patterns

将本地React模式（衍生状态、记忆化、回调稳定性、受控输入）应用于组件内部，提升组件的可预测性与渲染效率。主要目标：优化组件内部逻辑质量与渲染表现；虽能补充但不取代路由/数据/样式方面的技能。

SKILL.md

--- frontmatter

name: apply-frontend-common-patterns
description: Apply local React patterns (derived state, memoization, callback stability, controlled inputs) to improve predictability and render efficiency inside components. Primary intent: component-internal logic quality and render behavior; complements but does not replace routing/data/styling skills.
category: frontend/common
ssot_path: .ai/skills/frontend/common/apply-frontend-common-patterns

apply-frontend-common-patterns (entry)

Canonical source: .ai/skills/frontend/common/apply-frontend-common-patterns/

Open .ai/skills/frontend/common/apply-frontend-common-patterns/SKILL.md and any supporting files referenced there (for example reference.md, examples.md, scripts/, templates/).

Note: The frontmatter above is identical to the canonical source except for ssot_path and category which are added for navigation. After opening the source file, skip re-reading the description to avoid redundant token usage.