Community生产力与协作github.com

sergiodxa/frontend-react-best-practices

React 性能优化指南。用于编写、审查或重构 React 组件时,确保采用最优渲染和打包模式。在涉及 React 组件、Hooks、记忆化或打包优化的任务中自动触发。

frontend-react-best-practices 是什么?

该技能是一套完整的 React 性能优化指南,专为开发者和 AI 编码助手(如 Claude Code、Cursor、Codex)设计。它提供了在编写、审查或重构 React 组件时应遵循的最佳实践,涵盖核心优化领域:组件渲染策略(如避免不必要的重新渲染、使用 React.memo、useMemo 和 useCallback)、Hooks 使用规范(如合理使用 useCallback 来稳定函数引用)、以及打包优化(如代码分割、动态导入、减少 bundle 体积)。该技能基于 SKILL.md 文档定义,会在涉及 React 组件、Hooks、记忆化或打包优化任务时自动触发,帮助用户自动应用这些规则,从而提升 React 应用的性能和效率。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/sergiodxa/agent-skills/tree/main/skills/frontend-react-best-practices

Installed? Explore more 生产力与协作 skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

frontend-react-best-practices 是做什么的?

React 性能优化指南。用于编写、审查或重构 React 组件时,确保采用最优渲染和打包模式。在涉及 React 组件、Hooks、记忆化或打包优化的任务中自动触发。

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

相关技能