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.

Extraiga elementos JSX estáticos fuera de los componentes para evitar la recreación en cada renderizado. Aplicar al renderizar elementos estáticos repetidamente o en listas. Fuente: theorcdev/8bitcn-ui.

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/theorcdev/8bitcn-ui --skill rendering-hoist-jsx Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor

Ver original