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에서 사용할 수 있습니다

원본 보기