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.

Extrahieren Sie statische JSX-Elemente außerhalb von Komponenten, um eine Neuerstellung bei jedem Rendern zu vermeiden. Anwenden, wenn statische Elemente wiederholt oder in Listen gerendert werden. Quelle: theorcdev/8bitcn-ui.

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/theorcdev/8bitcn-ui --skill rendering-hoist-jsx Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor

Original anzeigen