“React” 共 425 个结果
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 页面、数据获取、包体积优化或性能改进的任务。
io.github.HKUDS/OpenSpace/react-localstorage-keyboard-nav
创建带有 localStorage 持久化与键盘导航支持的 React 组件。
io.github.gilbarbara/react-joyride/react-joyride
实现、配置和调试 React Joyride v3 引导 tours 的指南。当用户提到 joyride、引导 tour、新手引导、walkthrough、tooltip tour、分步指南、产品 tour，或希望按顺序高亮 UI 元素时使用。也在调试 tour 问题时使用，如 tooltip 不出现、找不到目标或受控模式问题。涵盖 useJoyride hook、Joyride 组件、step 配置、事件、控件、自定义组件和样式。
io.github.TanStack/router/react-router
TanStack Router 的 React 绑定：RouterProvider、useRouter、useRouterState、useMatch、useMatches、useLocation、useSearch、useParams、useNavigate、useLoaderData、useLoaderDeps、useRouteContext、useBlocker、useCanGoBack、Link、Navigate、Outlet、CatchBoundary、ErrorComponent。涵盖 hook、provider、SSR hydration 及带 forwardRef 的 createLink 等 React 专属模式。
io.github.polarsource/polar/vercel-react-best-practices
来自 Vercel 工程团队的 React 与 Next.js 性能优化指南。在编写、审查或重构 React/Next.js 代码以确保最优性能模式时使用。涉及 React 组件、Next.js 页面、数据获取、包体积优化或性能改进的任务会触发本技能。
io.github.gsd-build/gsd-2/react-best-practices
来自 Vercel 工程团队的 React 与 Next.js 性能优化指南。在编写、审查或重构 React/Next.js 代码时使用，以确保最佳性能模式。触发于涉及 React 组件、Next.js 页面、数据获取、包体积优化或性能改进的任务。
io.github.Dimillian/Skills/react-component-performance
分析并优化 React 组件性能问题（渲染缓慢、重渲染抖动、列表卡顿、开销大的计算）。当被要求剖析或改进某个 React 组件、减少重渲染，或加快 React 应用的 UI 更新时使用。
io.github.CherryHQ/cherry-studio/vercel-react-best-practices
来自 Vercel 工程团队的 React 与 Next.js 性能优化指南。在编写、审查或重构 React/Next.js 代码以确保最优性能模式时使用。涉及 React 组件、Next.js 页面、数据获取、包体积优化或性能提升的任务触发。
