搜索「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 页面、实现数据获取（客户端或服务端），或审查代码性能问题时使用。

io.github.langfuse/langfuse/vercel-react-best-practices

来自 Vercel 工程团队的 React 与 Next.js 性能优化准则。编写、评审或重构 React/Next.js 代码时应使用，以确保采用最优性能模式。涉及 React 组件、Next.js 页面、数据获取、包体积优化或性能提升的任务时触发。

io.github.Jeffallan/claude-skills/react-expert

在 .jsx 或 .tsx 文件、Next.js App Router 项目或 create-react-app 环境中构建 React 18+ 应用时使用。创建组件、实现自定义 hook、调试渲染问题、把类组件迁移为函数组件并实现状态管理。在涉及 Server Components、Suspense 边界、useActionState 表单、性能优化或 React 19 特性时调用。

io.github.Jeffallan/claude-skills/react-native-expert

构建、优化并调试基于 React Native 与 Expo 的跨平台移动应用。实现导航层级（tab、stack、drawer）、配置原生模块、用 memo 与 useCallback 优化 FlatList 渲染，并处理 iOS 与 Android 的平台专属代码。在构建 React Native 或 Expo 应用、搭建导航、集成原生模块、提升滚动性能、处理 SafeArea 或键盘输入、配置 Expo SDK 项目时使用。

io.github.midudev/autoskills/clerk-react-router-patterns

React Router v7 与 Clerk 的配合模式——rootAuthLoader、loader 中的 getAuth、clerkMiddleware、受保护路由、SSR 用户数据、组织切换。触发词：react-router 认证、rootAuthLoader、getAuth loader、react-router 受保护路由、loader 认证、react-router SSR 认证。

io.github.midudev/autoskills/clerk-react-patterns

在 Vite/CRA 中使用 @clerk/react 的 React SPA 认证模式——ClerkProvider 配置、useAuth/useUser/useClerk hooks、React Router 受保护路由、自定义登录流程。触发词：Vite Clerk 配置、React Router 认证、useAuth hook、受保护路由、React 自定义登录表单。

io.github.midudev/autoskills/react-hook-form

面向客户端表单校验的 React Hook Form 性能优化，涵盖 useForm、useWatch、useController 与 useFieldArray。在使用 React Hook Form 库构建客户端受控表单时应使用本技能。本技能不涵盖 React 19 Server Actions、useActionState 或服务端表单处理（这些请使用 react-19 技能）。

io.github.MiniMax-AI/skills/react-native-dev

React Native 与 Expo 开发指南，涵盖组件、样式、动画、导航、状态管理、表单、网络请求、性能优化、测试、原生能力，以及工程化（项目结构、部署、SDK 升级、CI/CD）。适用场景：构建 React Native 或 Expo 应用、实现动画或原生 UI、管理状态、拉取数据、编写测试、优化性能、部署到 App Store/Play Store、搭建 CI/CD、升级 Expo SDK、配置 Tailwind/NativeWind。

io.github.vercel-labs/agent-skills/react-best-practices

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

io.github.sickn33/antigravity-awesome-skills/react-component-performance

诊断变慢的 React 组件并给出针对性的性能修复建议。

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

面向加载状态、错误处理与数据获取的现代 React UI 模式。在构建 UI 组件、处理异步数据或管理 UI 状态时使用。

io.github.sickn33/antigravity-awesome-skills/react-state-management

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

io.github.sickn33/antigravity-awesome-skills/react-nextjs-development

使用 App Router、Server Components、TypeScript、Tailwind CSS 与现代前端模式进行 React 和 Next.js 14+ 应用开发。

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

面向 React Native（Expo）的生产可用模式，涵盖导航、状态管理、原生模块与离线优先架构。

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

掌握 React 版本升级、class 到 hooks 的迁移、并发特性的采用，以及用 codemod 完成自动化转换。