搜索「React」的结果

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

`@tanstack/react-table` v9 与 `@tanstack/react-query` 的服务端与异步数据流。规范写法：用 `useCreateAtom<PaginationState>` 创建外部分页 atom 并通过 `options.atoms` 传入（而不是 `state` 加 `on*Change`），把分页对象纳入 `queryKey`，设置 `manualPagination: true`，用 `placeholderData: keepPreviousData` 避免闪现 0 行，并用 `defaultData = useMemo(() => [], [])` 让 `data` 引用在多次请求间保持稳定。`rowCount` 取自接口响应，这样 `getPageCount()` 才能正确工作。

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

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

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

React 与 Next.js 性能优化模式，改编自 Vercel 工程团队的 React Best Practices（https://github.com/vercel-labs/agent-skills）。将 70+ 条规则按 8 个优先级分类组织——瀑布流、包体积、服务端、客户端获取、重渲染、渲染、JS 微性能、进阶技巧。在为性能而编写、审查或重构 React/Next.js 代码时使用。

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

React 组件测试：React Testing Library、Vitest/Jest、用于网络 Mock 的 MSW、axe 可访问性断言，以及组件测试与 Playwright/Cypress 端到端测试的取舍边界。在编写或修复 React 组件、hooks 或页面测试时使用。

io.github.petyosi/react-virtuoso/reactive-engine

使用 @virtuoso.dev/reactive-engine-* 包族管理应用状态。在以下情况使用本技能：(1) 用 Cell、Stream、Trigger 或 Resource 节点定义响应式状态；(2) 通过 EngineProvider、useCellValue、useCellValues 或 usePublisher 连接 React 组件；(3) 用 reactive-engine-query 中的 Query 与 Mutation 获取数据；(4) 用 reactive-engine-router 的 Route、Layout 与 Guard 做路由；(5) 用 linkCellToStorage 持久化 Cell；(6) 基于该引擎架构组件或库；(7) 任何涉及 Engine、pub、sub、getValue、combine、pipe、link、changeWith、e 命名空间，或报错“No active engine found”的任务。

io.github.petyosi/react-virtuoso/react-virtuoso

使用 react-virtuoso 构建虚拟化的列表、网格与表格。在以下情况使用本技能：(1) 渲染大型或无限列表；(2) 构建带粘性表头的分组列表；(3) 虚拟化 HTML 表格；(4) 在响应式网格中排布等高项；(5) 构建跟随底部新条目的信息流或日志；(6) 诊断虚拟化症状，如滚动跳动、列表无法滚到底部、条目重叠、空白条目或“zero-sized element”错误；(7) 任何涉及 Virtuoso、GroupedVirtuoso、VirtuosoGrid、TableVirtuoso、VirtuosoHandle、itemContent、followOutput 或 firstItemIndex 的任务。

io.github.millionco/react-doctor/react-doctor

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

io.github.makeplane/plane/react-doctor

在完成功能、修复缺陷、提交 React 代码前,或用户输入 /doctor、要求扫描/分诊/清理 React 诊断时使用。涵盖 lint、可访问性、包体积、架构,包含回归检查与完整的本地分诊流程(拉取权威 playbook)。

io.github.keybase/client/react-effect-lints

在修复 Keybase 客户端的 React hook lint 失败时使用：react-hooks/set-state-in-effect、派生状态 effect、prop 变更重置、藏在 effect 里的事件、过期的异步结果。

io.github.keybase/client/react-native-best-practices

Software Mansion 面向 New Architecture 下生产级 React Native 与 Expo 应用的最佳实践。触发词：React Native、Expo、New Architecture、Reanimated、Gesture Handler、react-native-svg、ExecuTorch、react-native-audio-api、react-native-enriched、Worklet、Fabric、TurboModule、WebGPU、react-native-wgpu、TypeGPU、GPU shader、WGSL、svg、animation、gesture、audio、rich text、AI model、multithreading、chart、vector、image filter、shared value、useSharedValue、runOnJS、scheduleOnRN、thread、worklet，以及任何涉及 UI、图形、原生模块或 React Native 线程与动画行为的问题。当有更专门的子技能匹配时也使用本技能。

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 版本时。