rendering-hoist-jsx

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 بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw