Извлекайте статические элементы JSX за пределы компонентов, чтобы избежать повторного создания при каждом рендеринге. Применяется при многократном рендеринге статических элементов или в списках.
Быстро установите AI-навык rendering-hoist-jsx в вашу среду разработки через командную строку
Источник: theorcdev/8bitcn-ui.
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 или OpenClaw
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/theorcdev/8bitcn-ui --skill rendering-hoist-jsxИзвлекайте статические элементы 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 или OpenClaw
https://github.com/theorcdev/8bitcn-ui