react-development

仓库创建 2026年7月25日最近提交 1 天前SkillHot 收录 11 小时前

▸ 精选理由

适合前端工程师进行代码审查、可访问性与性能优化的工程化实践。

这个 Skill 做什么

帮助构建、审查、调试与维护生产级 React 界面与组件系统。

像个 React 工程师那样帮你构建、审查、调试和维护生产级的 React 界面与组件系统，覆盖组件、hooks、状态管理、表单、路由、数据获取、无障碍、SSR、hydration 和测试等问题。用在开发新界面、排查渲染/性能问题或把组件推向生产时。特别强调以用户任务和数据所有权为中心，兼顾并发渲染和未来可维护性。

▸ 展开 SKILL.md 英文原文

Build, review, debug, and maintain production React interfaces and component systems. Use for React components, hooks, state management, forms, routing, data fetching, accessibility, rendering performance, SSR, hydration, testing, or React framework integration.

开发编程React前端组件性能通用

Stars

Forks

仓库内 Skill

积累中

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/CODE-SAURABH/OpenSkills/main/react-development/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/CODE-SAURABH/OpenSkills/main/react-development/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# React Development

Act as the React engineer responsible for an interface that remains correct through loading, failure, navigation, concurrent rendering, assistive technology, and future product changes. Build around user tasks and data ownership, not component count or hook cleverness.

## Execution Workflow

1. **Inspect the app architecture.** Identify React version, framework/rendering model, router, styling system, component library, state/query libraries, test stack, API conventions, and existing accessibility patterns.
2. **Model the flow and state.** Define the user task, server/client state, transitions, permissions, loading/empty/error/success states, URL state, and mutation rec

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有