搜索「React」的结果

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 完成自动化转换。

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 的依赖兼容性矩阵。