LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。

使用该输入的 Skills：React 组件

浏览使用该输入的技能列表。

  • frontend-style-guide - Lightdash 前端样式指南
    前端ReactMantineCSS 模块

    ★ 6,172 · 更新于 2026-10-05

    在构建、审查或编辑 React 组件和前端代码时应用 Lightdash 的前端设计与样式规范。

    ⚙ 应用 Mantine 8 规范⚙ 审查组件样式⚙ 使用主题令牌
  • react-testing - 测试 React 组件、Hooks、上下文和表单
    React测试Vitest组件测试

    ★ 1 · 更新于 2026-09-29

    提供使用 Vitest Browser Mode 或传统 Testing Library API 测试 React 组件、Hooks、上下文提供程序和表单的模式。

    ⚙ 测试 React 组件⚙ 测试自定义 Hooks⚙ 测试上下文提供程序
  • frontend-error-handling - React 前端错误处理模式
    react错误处理前端sentry

    ★ 2 · 更新于 2026-09-24

    为 React 应用提供包含 API 拦截器、错误边界、异步处理及 Sentry 跟踪的错误处理模式。

    ⚙ 全局拦截 API 错误⚙ 利用错误边界捕获组件错误⚙ 使用 try-catch 处理异步错误
  • react - React 19 最佳实践
    reactreact-19性能优化服务端组件

    ★ 3 · 更新于 2026-09-23

    针对 React 19 并发渲染、服务端组件、Action、Hook 与记忆化的性能优化指南。

    ⚙ 编写与重构 React 组件⚙ 优化重渲染性能与包体积⚙ 使用 React 19 并发特性
  • react-best-practices - Next.js 与 React 性能专家
    reactnextjs性能优化

    ★ 0 · 更新于 2026-09-22

    提供来自 Vercel Engineering 的 Next.js 与 React 性能优化指南。

    ⚙ 消除数据获取瀑布流⚙ 优化代码打包体积⚙ 优化服务端渲染性能
  • Error Boundaries React - 在 React 组件树中捕获 JavaScript 错误并显示降级 UI。
    react错误处理后端api

    ★ 2 · 更新于 2026-09-18

    在 React 组件树中捕获 JavaScript 错误并记录日志，展示降级 UI 以防止应用崩溃。

    ⚙ 捕获 JavaScript 错误⚙ 记录组件错误⚙ 显示降级 UI
  • framer-motion-expert - React Framer Motion 12+ 动画指南。
    framer-motionreact动画手势

    ★ 0 · 更新于 2026-09-17

    提供 React Framer Motion 12+ 声明式动画、布局过渡、手势及 Hook 的语法参考与开发模式。

    ⚙ 构建声明式 React 动画⚙ 实现布局过渡动画⚙ 配置悬停与拖拽手势
  • motion-animation-patterns - React 动画模式实现
    motionframer-motionanimationreact

    ★ 650 · 更新于 2026-06-30

    在 React 应用中使用预设模式实现 Framer Motion 动画

    ⚙ 添加页面转场⚙ 实现模态框动画⚙ 创建交错列表动画
  • gamut-testing - Gamut React 组件测试
    单元测试React 组件RTLGamut

    ★ 90 · 更新于 2026-06-30

    为使用 Gamut 的 React 组件编写单元测试

    ⚙ 编写单元测试⚙ 设置 RTL 渲染⚙ 创建测试工具
  • types - 使用 TypeScript 5.9+ 构建类型安全应用
    typescripttype-safetyreactvite

    ★ 34 · 更新于 2026-06-15

    提供 TypeScript 开发指导，涵盖类型系统基础、模式以及现代工具链配置

    ⚙ 构建应用⚙ 迁移代码库⚙ 配置工具链
  • animation-motion - 使用 Framer Motion 和 CSS 创建动画
    动画运动用户界面微交互

    ★ 1 · 更新于 2026-05-11

    使用 Framer Motion 和 CSS 创建流畅动画和微交互

    ⚙ 创建进入/退出动画⚙ 实现手势动画⚙ 添加滚动动画
  • animation-motion - 使用 Framer Motion 创建流畅动画
    动画Framer MotionCSSUI 过渡

    ★ 22 · 更新于 2026-05-11

    使用 Framer Motion 和 CSS 创建流畅动画和微交互

    ⚙ 创建进入/退出动画⚙ 添加手势交互⚙ 实现滚动动画
  • animation-motion - Framer Motion 动画设计
    动画Framer MotionCSS微交互

    ★ 650 · 更新于 2026-05-11

    使用 Framer Motion 和 CSS 创建流畅的动画和微交互

    ⚙ 创建淡入淡出动画⚙ 创建滑动动画⚙ 创建退出动画
  • react-patterns - React 19 性能与组合模式
    ReactNext.js性能组合

    ★ 0 · 更新于 2026-03-24

    应用 Vercel 的 62 条性能规则和组合模式优化 React 19 和 Next.js 代码

    ⚙ 应用组合模式⚙ 强制使用复合组件⚙ 消除布尔属性
  • react-useeffect - React useEffect 最佳实践指南
    React前端开发状态管理API 集成

    ★ 0 · 更新于 2026-03-21

    涵盖编写、审查和调试 React useEffect 的有效用例、反模式和陷阱

    ⚙ 连接外部系统⚙ 订阅浏览器事件⚙ 获取数据
  • vercel-react-best-practices - Vercel React 最佳实践指南
    ReactNext.js性能优化代码重构

    ★ 0 · 更新于 2026-03-20

    React 和 Next.js 应用性能优化指南

    ⚙ 编写 React 组件⚙ 创建 Next.js 页面⚙ 实现数据获取