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.

Extrayez les éléments JSX statiques en dehors des composants pour éviter toute recréation à chaque rendu. S'applique lors du rendu d'éléments statiques de manière répétée ou dans des listes. Source : theorcdev/8bitcn-ui.

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/theorcdev/8bitcn-ui --skill rendering-hoist-jsx Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor

Voir l'original