搜索「React」的结果

io.github.sickn33/antigravity-awesome-skills/react-flow-node-ts

按照既有模式创建 React Flow 节点组件，配备规范的 TypeScript 类型与 store 集成。

io.github.sickn33/antigravity-awesome-skills/react-flow-architect

构建生产可用的 ReactFlow 应用，具备层级化导航、性能优化与进阶状态管理。

io.github.anthropics/knowledge-work-plugins/react-native

Zoom Video SDK 的 React Native 支持。当使用 @zoom/react-native-videosdk 构建自定义移动视频会话体验、事件监听器、基于 helper 的 API 与后端 JWT 令牌流程时使用。

io.github.github/awesome-copilot/react19-test-patterns

提供测试文件迁移到 React 19 兼容的改造前后模式，包括 act() 导入、Simulate 移除，以及 StrictMode 调用次数变化。

io.github.github/awesome-copilot/react19-source-patterns

React 19 源文件迁移模式参考，包括 API 变化、ref 处理与 Context 更新。

io.github.github/awesome-copilot/react19-concurrent-patterns

在迁移过程中保留 React 18 的并发模式并采用 React 19 API（useTransition、useDeferredValue、Suspense、use()、useOptimistic、Actions）。

io.github.github/awesome-copilot/react18-string-refs

提供把 React 字符串 ref（ref="name" + this.refs.name）迁移为 React.createRef() 的精确类组件模式。迁移字符串 ref 用法时务必使用——包括单元素 ref、组件内多 ref、列表中的 ref、回调 ref，以及传给子组件的 ref。编写 ref 迁移代码前务必先读本技能——列表中的多 ref 模式尤其棘手，此处可避免最常见的错误。适用于 React 18.3.1 迁移（字符串 ref 会告警）与 React 19 迁移（字符串 ref 已移除）。

io.github.github/awesome-copilot/react18-lifecycle-patterns

针对 React 18.3.1，提供三个不安全类组件生命周期方法（componentWillMount、componentWillReceiveProps、componentWillUpdate）的精确迁移前后模式。当类组件需要迁移生命周期方法、在 getDerivedStateFromProps 与 componentDidUpdate 之间抉择、添加 getSnapshotBeforeUpdate，或修复 React 18 的 UNSAFE_ 生命周期警告时使用。编写生命周期迁移代码前务必使用本技能——不要凭记忆猜模式，其中的决策树可避免最常见的迁移错误。

io.github.github/awesome-copilot/react18-enzyme-to-rtl

提供 React 18 升级中 Enzyme 到 React Testing Library 的精确迁移模式。只要需要重写 Enzyme 测试就使用——shallow、mount、wrapper.find()、wrapper.simulate()、wrapper.prop()、wrapper.state()、wrapper.instance()、Enzyme configure/Adapter 调用，或任何 import enzyme 的测试文件。本技能覆盖完整的 API 映射，以及从"测实现"到"测行为"的理念转变。重写 Enzyme 测试前务必先读——不要逐一对译 Enzyme API，那样会写出脆弱的 RTL 测试。

io.github.github/awesome-copilot/react18-dep-compatibility

React 18.3.1 与 React 19 的依赖兼容性矩阵。

io.github.github/awesome-copilot/react18-batching-patterns

提供诊断与修复 React 18 类组件自动批处理问题的精确模式。当类组件在异步方法、setTimeout、Promise 的 .then()/.catch() 或原生事件处理器中有多次 setState 调用时使用。编写任何 flushSync 之前先看本技能——其中的决策树可避免滥用 flushSync。也在修复 React 18 升级后中间态断言失效导致的测试失败时使用。

io.github.github/awesome-copilot/react-audit-grep-patterns

提供在 React 18.3.1/React 19 升级前审计 React 代码库所需的完整、已验证 grep 扫描命令库。运行迁移审计时使用——供 react18-auditor 与 react19-auditor 两个 agent 共用。包含查找废弃 API、已移除 API、不安全生命周期方法、批处理隐患、测试文件问题、依赖冲突和 React 19 特有移除项的全部 grep 模式。编写审计扫描命令时应使用本技能而非凭记忆写 grep 语法，尤其是需要上下文标志的多行异步 setState 模式。

io.github.github/awesome-copilot/react18-legacy-context

提供 React 旧版 Context API（contextTypes、childContextTypes、getChildContext）迁移到现代 createContext API 的完整模式。迁移类组件的旧版 Context 时务必使用——这始终是需要同时更新 provider 和全部消费者的跨文件迁移。改动任何 contextTypes/childContextTypes 代码前先用本技能，因为只改 provider 不改消费者（或反之）会导致运行时报错。编写任何 Context 迁移代码前都应先读本技能，其中的跨文件协调步骤可避免最常见的 Context 迁移错误。

io.github.millionco/expect/vercel-react-best-practices

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

io.github.TanStack/db/react-db

TanStack DB 的 React 绑定。useLiveQuery hook 支持依赖数组（8 种重载：查询函数、配置对象、预创建 collection、通过返回 undefined/null 禁用状态）。useLiveSuspenseQuery 用于配合 Error Boundary 的 React Suspense（数据始终有定义）。useLiveInfiniteQuery 用于游标分页（pageSize、fetchNextPage、hasNextPage、isFetchingNextPage）。usePacedMutations 用于防抖的 React 状态更新。返回结构：data、state、collection、status、isLoading、isReady、isError。从 @tanstack/react-db 导入（再导出 @tanstack/db 的全部内容）。

io.github.NeverSight/learn-skills.dev/mobile-framework-react-native

React Native 移动开发模式——新架构（Fabric、TurboModules、JSI）、组件架构、React Navigation 7+、FlashList v2 优化、基于 Reanimated 4 的手势、平台特定代码、React 19 特性。

io.github.davila7/claude-code-templates/react-state-management

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

io.github.davila7/claude-code-templates/react-native-architecture

基于 Expo 的生产级 React Native 开发模式，涵盖导航、状态管理、原生模块与离线优先架构。

io.github.davila7/claude-code-templates/react-component-performance

定位运行缓慢的 React 组件，并给出针对性的性能修复建议。

io.github.mediago-dev/mediago/vercel-react-best-practices

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

io.github.caorushizi/mediago/vercel-react-best-practices

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

io.github.trpc/trpc/react-query-setup

搭建 @trpc/tanstack-react-query：createTRPCContext()、TRPCProvider、useTRPC() hook、queryOptions/mutationOptions 工厂、通过 queryClient.invalidateQueries 配合 queryFilter 做失效刷新，以及 inferInput/inferOutput 类型推断。

io.github.trpc/trpc/react-query-classic-migration

从 @trpc/react-query（classic）迁移到 @trpc/tanstack-react-query。运行 npx @trpc/upgrade CLI 做自动 codemod；手动迁移剩余模式：hook 式改为 options 工厂式、utils.invalidate 改为 queryClient.invalidateQueries 配合 queryFilter、Provider 变更等。

io.github.Kiranism/next-shadcn-dashboard-starter/vercel-react-best-practices

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