rendering-hoist-jsx

SKILL.md

This is especially helpful for large and static SVG nodes, which can be expensive to recreate on every render.

Note: If your project has React Compiler enabled, the compiler automatically hoists static JSX elements and optimizes component re-renders, making manual hoisting unnecessary.

从组件外部提取静态 JSX 元素，以避免在每次渲染时重新创建。在重复渲染静态元素或在列表中渲染时应用。 来源：theorcdev/8bitcn-ui。

打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/theorcdev/8bitcn-ui --skill rendering-hoist-jsx 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用

查看原文