LogoClawIndex
案例技能关于
LogoClawIndex

react-frontend - React前端开发标准

React前端标准,涵盖Hooks、状态管理、性能优化、测试和可访问性,用于现代单页应用

标签

更新于: 2026-06-30

能力

典型输入

典型输出

该技能可以做什么

  • 使用useState钩子
  • 使用useEffect钩子
  • 使用useContext钩子
  • 使用useRef钩子
  • 记忆化计算
  • 记忆化回调函数
  • 使用自定义钩子
  • 实现Context API
  • 集成React Query
  • 集成Zustand
  • 集成Redux Toolkit
  • 懒加载组件
  • 记忆化组件
  • 代码分割
  • 实现虚拟滚动
  • 测试组件
  • 测试钩子
  • 实现语义化HTML
  • 添加ARIA标签
  • 防止XSS攻击

输入

  • React应用源代码
  • TypeScript类型定义
  • 外部依赖

输出

  • React组件代码
  • 应用测试代码
  • 应用构建产物

要求

  • Node.js运行环境
  • React框架
  • TypeScript支持
  • 测试框架

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
react
前端
hooks
状态管理
性能优化
测试
可访问性
使用useState钩子
使用useEffect钩子
使用useContext钩子
使用useRef钩子
React应用源代码
TypeScript类型定义
外部依赖
React组件代码
应用测试代码
应用构建产物