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 中使用

查看原文