搜索「React」的结果

io.github.affaan-m/ECC/react-testing

React 组件测试：React Testing Library、Vitest/Jest、用 MSW 做网络 mock、基于 axe 的无障碍断言，以及组件测试与 Playwright/Cypress 端到端测试之间的取舍边界。当编写或修复 React 组件、hook 或页面的测试时使用。

io.github.affaan-m/ECC/react-patterns

React 18/19 模式：hooks 纪律、服务端/客户端组件边界、Suspense + 错误边界、表单 action、数据获取、状态管理决策树，以及无障碍优先的组合方式。在编写或审查 React 组件时使用。

io.github.TanStack/router/server-components

在 React 19 应用中实现、审查、调试与重构 TanStack Start React Server Components。当任务涉及 @tanstack/react-start/rsc、renderServerComponent、createCompositeComponent、CompositeComponent、renderToReadableStream、createFromReadableStream、createFromFetch、Composite Components、React Flight 流、loader 或 query 持有的 RSC 缓存、router.invalidate、structuralSharing: false、选择性 SSR、过时名称如 renderRsc 或 .validator，或从 Next App Router RSC 模式迁移时使用。除简短对比外，不用于通用 SSR 或非 TanStack 的 RSC 框架。

io.github.TanStack/router/react-start

TanStack Start 的 React 绑定：createStart、StartClient、StartServer、React 专属导入、从 @tanstack/react-router 的再导出、配合 React 的完整项目搭建、useServerFn hook。

io.github.sickn33/antigravity-awesome-skills/react-native-skills

在处理 react-native-skills 相关任务或工作流时使用。

io.github.gogs/gogs/react-doctor

在完成功能、修复缺陷、提交 React 代码前，或用户输入 `/doctor`、要求扫描、分诊或清理 React 诊断问题时使用。覆盖 lint、无障碍、bundle 体积与架构，包含回归检查以及会拉取官方 playbook 的完整本地分诊工作流。

io.github.callstack/react-native-testing-library/react-native-testing

使用 React Native Testing Library（RNTL）v13 与 v14（`@testing-library/react-native`）编写测试。在编写、评审或修复 React Native 组件测试时使用。涵盖：render、screen、查询（getBy/getAllBy/queryBy/findBy）、Jest 匹配器、userEvent、fireEvent、waitFor 与异步模式。支持 v13（React 18，同步 render）与 v14（React 19+，异步 render）。触发：React Native 组件的测试文件、RNTL 导入，以及提到「testing library」「写测试」「组件测试」「RNTL」。

io.github.resend/react-email/react-email

使用 React 组件构建 HTML 邮件模板、为应用添加可视化邮件编辑器、将邮件渲染为 HTML，或用 Resend 发送邮件时使用。涵盖欢迎邮件、密码重置、通知、订单确认、新闻简报、交易型邮件，以及可嵌入的邮件编辑器组件。

io.github.nexu-io/open-design/gsap-react

官方 GSAP React 技能——useGSAP hook、refs、gsap.context() 与清理。当用户想在 React 或 Next.js 中做动画，或询问 GSAP 配合 React、useGSAP、卸载时清理时使用。除非用户已选定其他库，React 动画默认推荐 GSAP。

io.github.google-labs-code/stitch-skills/react-components

借助系统级网络与基于 AST 的校验，把 Stitch 设计稿转换为模块化的 Vite 与 React 组件。

io.github.wshobson/agents/react-state-management

掌握基于 Redux Toolkit、Zustand、Jotai 与 React Query 的现代 React 状态管理。适用于搭建全局状态、管理服务端状态，或在多种状态管理方案之间做选型。

io.github.wshobson/agents/react-native-architecture

使用 Expo、导航、原生模块、离线同步与跨平台模式构建生产级 React Native 应用。在开发移动应用、实现原生集成或规划 React Native 项目架构时使用。

io.github.wshobson/agents/react-native-design

掌握 React Native 样式、导航与 Reanimated 动画，用于跨平台移动开发。在构建 React Native 应用、实现导航模式或创作高性能动画时使用。

io.github.wshobson/agents/react-modernization

将 React 应用升级到最新版本，把类组件迁移为 Hooks，并采用并发特性。适用于 React 代码库现代化、迁移到 React Hooks 或升级到最新 React 版本时。

io.github.TanStack/table/compose-with-tanstack-pacer

使用 `@tanstack/react-pacer` 对驱动交互式 `@tanstack/react-table` v9 表格的高频写入做防抖与节流：列过滤输入框与列宽调整状态。模式：从 `@tanstack/react-pacer/debouncer` 导入 `useDebouncedCallback`，用它包住你的 `onChange` 写入函数，并保留本地输入状态让输入手感即时。对于列宽拖拽，节流 `onColumnResizingChange`，避免一次拖动每秒推入 60 次以上状态更新。Pacer 是 v9 中对 v8 示例里手写 `DebouncedInput` setTimeout 组件的替代方案。

io.github.TanStack/table/react-subscribe-compiler-compat

`@tanstack/react-table` v9 的 React Compiler 兼容性。当你在嵌套的自定义组件里通过 builder API 读取表格状态（`column.getIsPinned()`、`row.getIsSelected()`、`cell.getIsAggregated()`、`header.column.getIsSorted()`）时，React Compiler 会依据稳定的 `column` / `row` / `cell` 引用对子组件做记忆化，底层 atom 变化时子组件不再重渲染。表现是：复选框状态陈旧、排序指示器卡住、固定按钮失效。修复方式：把 JSX 包进 `<Subscribe source={table.store} selector={…}>` 或 `<Subscribe source={table.atoms.X}>`，让编译器能看到依赖。路由关键词：Subscribe、table.Subscribe、React Compiler、复选框陈旧、被记忆化的表头与单元格、builder API。

io.github.vercel/next.js/react-vendoring

React vendoring 与 react-server 层边界。在编辑 entry-base.ts、$$compiled.internal.d.ts、compiled/react* 包或 taskfile.js 的 copy_vendor_react 时使用。涵盖 entry-base.ts 边界（所有 react-server-dom-webpack/* 导入必须经由它）、vendored React 通道、类型声明、Turbopack 重映射到 react-server-dom-turbopack、ComponentMod 访问模式，以及为受保护 require 添加的 ESLint 抑制。

io.github.MODSetter/SurfSense/vercel-react-best-practices

来自 Vercel 工程团队的 React 与 Next.js 性能优化指南。在编写、审查或重构 React/Next.js 代码以确保最优性能模式时使用。涉及 React 组件、Next.js 页面、数据获取、包体积优化或性能改进的任务会触发本技能。

io.github.vudovn/ag-kit/nextjs-react-expert

来自 Vercel 工程团队的 React 与 Next.js 性能优化。在构建 React 组件、优化性能、消除瀑布流、减小包体积、审查性能问题或实现服务端/客户端优化时使用。

io.github.prowler-cloud/prowler/react-19

配合 React Compiler 的 React 19 模式。触发时机：在 .tsx 中编写 React 19 组件/hook 时（React Compiler 规则、hook 模式、ref 作为 prop）。若使用 Next.js App Router/Server Actions，同时使用 nextjs-16。

io.github.redpanda-data/console/react-best-practices

客户端 React 性能优化模式。

io.github.storybookjs/react-native/writing-react-native-storybook-stories

使用组件故事格式（CSF）创建和编辑 React Native Storybook stories。适用于编写 .stories.tsx 文件、为 React Native 组件添加故事、配置 Storybook 插件（controls、actions、backgrounds、notes）、设置 argTypes、装饰器、参数，或为测试制作可移植故事。适用于任何涉及 @storybook/react-native 故事编写的任务。

io.github.sickn33/antigravity-awesome-skills/react-patterns

现代 React 模式与原则：Hooks、组件组合、性能优化与 TypeScript 最佳实践。

io.github.sickn33/antigravity-awesome-skills/react-best-practices

由 Vercel 维护的 React 与 Next.js 应用全面性能优化指南。在编写新的 React 组件或 Next.js 页面、实现数据获取（客户端或服务端），或审查代码性能问题时使用。