React useEffect 最佳实践
SkillSkillsMP
io.github.wealthfolio/wealthfolio/react-useeffect
来自官方文档的 React useEffect 最佳实践。在编写/审查 useEffect、为派生值使用 useState、数据获取或状态同步时使用。讲解何时不该用 Effect，以及更好的替代方案。
source
“React” 共 547 个结果
io.github.wealthfolio/wealthfolio/react-useeffect
来自官方文档的 React useEffect 最佳实践。在编写/审查 useEffect、为派生值使用 useState、数据获取或状态同步时使用。讲解何时不该用 Effect，以及更好的替代方案。
io.github.sanity-io/sanity/vercel-react-best-practices
来自 Vercel 工程团队的 React 与 Next.js 性能优化指南。在编写、审查或重构 React/Next.js 代码时使用，以确保最佳性能模式。触发于涉及 React 组件、Next.js 页面、数据获取、包体积优化或性能改进的任务。
io.github.papermark/papermark/vercel-react-best-practices
来自 Vercel 工程团队的 React 与 Next.js 性能优化指南。在编写、审查或重构 React/Next.js 代码以确保最优性能模式时使用。涉及 React 组件、Next.js 页面、数据获取、包体积优化或性能改进的任务会触发本技能。
io.github.vercel-labs/agent-skills/react-native-skills
构建高性能移动应用的 React Native 与 Expo 最佳实践。在编写 React Native 组件、优化列表性能、实现动画或使用原生模块时使用；涉及 React Native、Expo、移动性能、原生平台 API 的任务都会触发。
io.github.davila7/claude-code-templates/react-ui-patterns
面向加载态、错误处理与数据获取的现代 React UI 模式。在构建 UI 组件、处理异步数据或管理 UI 状态时使用。
io.github.davila7/claude-code-templates/react-patterns
现代 React 模式与原则：hooks、组合、性能与 TypeScript 最佳实践。
io.github.davila7/claude-code-templates/react-best-practices
来自 Vercel 工程团队的 React 与 Next.js 性能优化指南。在编写、审查或重构 React/Next.js 代码以保证最优性能模式时使用；涉及 React 组件、Next.js 页面、数据获取、包体积优化或性能改进的任务会触发。
io.github.davila7/claude-code-templates/react-useeffect
来自官方文档的 React useEffect 最佳实践。在编写或审查 useEffect、为派生值使用 useState、做数据获取或状态同步时使用，重点讲何时不该用 Effect 以及更好的替代方案。
io.github.davila7/claude-code-templates/react-dev
在使用 TypeScript 编写 React 组件、为 hooks 加类型、处理事件，或提到 React TypeScript、React 19、Server Components 时使用。覆盖 React 18-19 的类型安全模式，包括泛型组件、恰当的事件类型以及与路由（TanStack Router、React Router）的集成。
io.github.Mindrally/skills/nextjs-react-typescript
精通 TypeScript、Node.js、Next.js App Router、React、Shadcn UI、Radix UI 与 Tailwind。
io.github.Mindrally/skills/nextjs-react-redux-typescript-cursor-rules
全面的 Next.js、React、Redux 与 TypeScript 开发指南，涵盖 SOLID 原则、组件架构与最佳实践。
io.github.Significant-Gravitas/AutoGPT/vercel-react-best-practices
来自 Vercel 工程团队的 React 与 Next.js 性能优化准则。在编写、评审或重构 React/Next.js 代码以确保采用最优性能模式时使用。涉及 React 组件、Next.js 页面、数据获取、打包优化或性能提升的任务会触发。
io.github.davila7/claude-code-templates/react-best-practices
React 与 Next.js 性能优化全面指南，包含 40 余条规则，用于消除请求瀑布、优化包体积并改进渲染。在优化 React 应用、做性能评审或重构组件时使用。
io.github.ChrisWiles/claude-code-showcase/react-ui-patterns
面向加载状态、错误处理与数据获取的现代 React UI 模式。在构建 UI 组件、处理异步数据或管理 UI 状态时使用。
io.github.davila7/claude-code-templates/reactome-database
调用 Reactome REST API 做通路分析与富集、基因-通路映射、疾病通路、分子互作与表达分析，服务于系统生物学研究。
io.github.dtyq/magic/vercel-react-best-practices
来自 Vercel 工程团队的 React 与 Next.js 性能优化准则。在编写、审查或重构 React/Next.js 代码以确保最优性能模式时使用。涉及 React 组件、Next.js 页面、数据获取、包体积优化或性能提升的任务会触发。
io.github.vercel-labs/agent-skills/react-view-transitions
使用 React 的 View Transition API（`<ViewTransition>` 组件、`addTransitionType` 以及 CSS 视图过渡伪元素）实现顺滑、接近原生体验动画的指南。只要用户想添加页面过渡、动画化路由切换、做共享元素动画、组件进出场动画、列表重排动画、前进/后退方向性导航动画，或在 Next.js 中集成视图过渡，就使用此技能。用户提到 view transitions、`startViewTransition`、`ViewTransition`、transition types，或询问如何不借助第三方动画库在 React 中做 UI 状态间动画时也应使用。
io.github.vercel-labs/agent-skills/react-native-skills
构建高性能移动应用的 React Native 与 Expo 最佳实践。在编写 React Native 组件、优化列表性能、实现动画或使用原生模块时使用；涉及 React Native、Expo、移动性能、原生平台 API 的任务都会触发。
io.github.vercel-labs/agent-skills/react-best-practices
来自 Vercel 工程团队的 React 与 Next.js 性能优化准则。编写、评审或重构 React/Next.js 代码时应使用，以确保采用最优性能模式。涉及 React 组件、Next.js 页面、数据获取、包体积优化或性能提升的任务时触发。
v1.0.0
io.clawhub.ireact2code/ui-ux-pro-max-plus
专业 UI/UX 设计资源库，内置可检索的设计模式、配色方案、字体搭配、图表类型与 UX 准则。用于创建……时使用。
io.smithery.CaullenOmdahl.nextjs-react-tailwind-assistant
Your comprehensive AI companion for building modern Next.js applications with React and Tailwind CSS. This MCP server provides instant access to complete documentation, production-ready components, and battle-tested design patterns abstracted from professional templates.
v1.0.6
dev.ceraph/react-native-mcp
MCP server for agent-driven React Native and Expo development and mobile testing
io.github.runceel/ReactiveProperty/writing-mstest-tests
编写新的 MSTest 3.x/4.x 单元测试、并在既有 MSTest 代码中实施具体修复的最佳实践。当用户要求编写、创建、实现、修复或现代化测试（包括“看起来有问题、修复一下”这类指令）时使用。是修改代码的首选方案，例如纠正 Assert.AreEqual 参数顺序颠倒、替换过时的断言模式、把 DynamicData 从 IEnumerable<object[]> 改为基于 ValueTuple 的数据集。涵盖现代断言、数据驱动测试、测试生命周期、MSTest.Sdk、sealed 类、Assert.Throws、配合 ValueTuple 的 DynamicData、TestContext 与条件执行。不要用于宽泛的测试质量审计、不稳定测试（flaky）排查或测试异味检测报告——那些请改用 test-anti-patterns。
io.github.react/react/rust-port-status
展示全部 Rust 移植计划文档的状态与近期相关提交。需要了解已完成与剩余工作时使用。