AgentSkillsCN

skill-react-next-patterns

在编写或审查React/Next.js前端代码时，运用React/Next.js的整洁编码模式，优化组件、处理器与渲染逻辑。

SKILL.md
--- frontmatter
name: skill-react-next-patterns
description: React/Next.js clean patterns for components, handlers, and render. Use when writing or reviewing React/Next frontend code.

React/Next Clean Patterns

  • •Keep render clean: compute logic before return.
  • •Extract components only when repetition or isolation improves reuse.
  • •Prefer pure components when possible.
  • •Internal handlers: handleX.
  • •Event props: onX.
  • •Prefer composition over adding many config props.