المهارات react-native-best-practices

📦

react-native-best-practices

Name: react-native-best-practices
Author: callstackincubator

مراجعة المحتوى r1 آمن 📁 الوصول إلى نظام الملفات🔑 متغيرات البيئة⚡ يحتوي على سكربتات⚙️ الأوامر الخارجية🌐 الوصول إلى الشبكة

تحسين أداء تطبيق React Native

قد تعاني تطبيقات React Native من بطء بدء التشغيل، وسقوط الإطارات، وإعادة التصيير المفرطة، وتزايد استهلاك الذاكرة، والحزم كبيرة الحجم. ترشد هذه المهارة إلى القياس والتشخيص والتحسين المستهدف والتحقق عبر JavaScript وiOS وAndroid وHermes وExpo.

يدعم: Claude Codex Code(CC)

🥉 77 برونزي

التثبيت باستخدام Agent لدي

انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.

طلب الوكيل

Review the Skillstore skill "react-native-best-practices" from https://skillstore.io/skills/callstackincubator-react-native-best-practices.md and its manifest at https://skillstore.io/api/skills/callstackincubator-react-native-best-practices/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.

موارد مهيّأة لـ Agents

استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.

تفاصيل Markdown GET /skills/callstackincubator-react-native-best-practices.md manifest موقَّع GET /api/skills/callstackincubator-react-native-best-practices/manifest lockfile موقَّع GET /api/skills/callstackincubator-react-native-best-practices/lockfile

اختبرها

جارٍ استخدام "react-native-best-practices". ينخفض أداء قائمة منتجات إلى 42 إطارًا في الثانية أثناء التمرير.

النتيجة المتوقعة:

النتيجة: يُظهر تحليل التصيير تحديثات متكررة للعناصر أثناء التمرير.
التوصية: ثبّت خصائص العناصر واستخدم قائمة افتراضية مناسبة.
التحقق: كرر التفاعل وقارن معدل الإطارات وعدد مرات إعادة التصيير.

جارٍ استخدام "react-native-best-practices". يستغرق بدء التشغيل البارد 3.4 ثوانٍ على Android مع Hermes.

النتيجة المتوقعة:

النتيجة: تفصل علامات بدء التشغيل بين التهيئة الأصلية وتحميل الحزمة وأول تصيير ذي معنى.
التوصية: عالج أكبر مرحلة وفقًا للقياسات قبل إضافة تحميل مسبق قائم على التخمين.
التحقق: قارن عدة عمليات بدء تشغيل بارد على جهاز الإصدار نفسه.

جارٍ استخدام "react-native-best-practices". ازداد حجم تطبيق الإصدار بعد إضافة عدة مكتبات.

النتيجة المتوقعة:

النتيجة: تحدد تقارير الحزمة وحجم التطبيق أكبر العناصر الجديدة المساهمة من JavaScript والمكونات الأصلية والأصول.
التوصية: أزل عمليات الاستيراد غير المستخدمة، وقارن بدائل التبعيات، وتحقق من إعدادات R8 والأصول.
التحقق: أعد بناء متغير الإصدار نفسه وقارن حجمي التنزيل والتثبيت.

التدقيق الأمني

آمن

v6 • ١٢‏/٧‏/٢٠٢٦ فتح التقرير المرتبط بالإصدار

جميع التنبيهات الساكنة البالغ عددها 191 هي نتائج إيجابية كاذبة ناتجة عن Markdown وأمثلة لمسارات ثابتة وأوامر أدوات React Native العادية وروابط عامة ومصطلحات متعلقة بالأداء. لم يُعثر على أي حقن للمطالبات أو سرقة لبيانات الاعتماد أو استطلاع خفي أو تنفيذ تعليمات برمجية ضارة أو نية لاستخراج البيانات.

الملفات التي تم فحصها

6,483

الأسطر التي تم تحليلها

عناصر المراجعة

تم تجاهل الإيجابيات الكاذبة

عوامل الخطر

📁 الوصول إلى نظام الملفات (15)

POWER.md:63 POWER.md:142 references/bundle-barrel-exports.md:221 references/bundle-code-splitting.md:214 references/bundle-code-splitting.md:221 references/bundle-hermes-mmap.md:4 references/bundle-hermes-mmap.md:35 references/bundle-hermes-mmap.md:135 references/native-android-16kb-alignment.md:81 references/native-android-16kb-alignment.md:84 references/native-measure-tti.md:221 references/native-platform-setup.md:112 SKILL.md:129 SKILL.md:187 SKILL.md:234

🔑 متغيرات البيئة (2)

references/bundle-analyze-js.md:160 references/bundle-analyze-js.md:160

⚡ يحتوي على سكربتات (6)

references/bundle-code-splitting.md:23 references/bundle-code-splitting.md:72 references/bundle-code-splitting.md:74 references/bundle-code-splitting.md:164 references/bundle-code-splitting.md:194 references/bundle-tree-shaking.md:208

⚙️ الأوامر الخارجية (26)

🌐 الوصول إلى الشبكة (3)

references/bundle-library-size.md:15 references/bundle-library-size.md:104 SKILL.md:83

لم يكتشف أحدث تدقيق ثابت ودلالي مكتمل أي نتائج أمنية مؤكدة. ولا يثبت ذلك أن المهارة خالية من الآثار الجانبية.

دقّقه: codex عرض سجل التدقيق →

شارك واستشهد بهذا التقرير

شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.

فتح التقرير المرتبط بالإصدار

نسخ رابط التقرير

https://skillstore.io/skills/callstackincubator-react-native-best-practices/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

شارة Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/callstackincubator-react-native-best-practices/security.svg)](https://skillstore.io/skills/callstackincubator-react-native-best-practices?utm_source=security_passport_badge)

شارة HTML

<a href="https://skillstore.io/skills/callstackincubator-react-native-best-practices?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/callstackincubator-react-native-best-practices/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

بطاقة قابلة للتضمين

<iframe src="https://skillstore.io/embed/skills/callstackincubator-react-native-best-practices.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

الاستشهادات الأكاديمية (APA · BibTeX · CFF)

اقتباس APA

callstackincubator. (2026). react-native-best-practices security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/callstackincubator-react-native-best-practices/audits/6

اقتباس BibTeX

@techreport{callstackincubator-callstackincubator-react-native-best-practices-2026,
  author = {callstackincubator},
  title = {react-native-best-practices security audit report (audit version 6)},
  institution = {Skillstore},
  year = {2026},
  number = {6},
  url = {https://skillstore.io/skills/callstackincubator-react-native-best-practices/audits/6},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "react-native-best-practices security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
  - name: "callstackincubator"
date-released: "2026-07-12"
url: "https://skillstore.io/skills/callstackincubator-react-native-best-practices/audits/6"
identifiers:
  - type: other
    value: "skillstore:callstackincubator-react-native-best-practices:audit:6"
    description: "Skillstore immutable audit report identifier"

تقييم Skillstore

سبب هذا التقييم موثوقية الأدلة: مرتفع

الهندسة المعمارية

قابلية الصيانة

المحتوى

المجتمع

الامتثال للمواصفات

ما الذي يمكنك بناؤه

إصلاح شاشة بطيئة

حلّل أداء تفاعل بطيء، وحدد اختناقات إعادة التصيير أو القوائم، وتحقق من صحة تغيير محدد النطاق.

تقليل تكلفة بدء التشغيل والحزم

قِس بدء التشغيل البارد وحجم الحزمة، ثم رتّب تحسينات Hermes والحزم والأصول والمكونات الأصلية حسب الأولوية.

مراجعة تراجعات الأداء

قارن الأدلة بين الإصدارات، وأنشئ خطة معالجة مرتبة حسب الأولوية مع معايير للتحقق.

جرّب هذه الموجّهات

مراجعة شاشة

راجع شاشة React Native هذه بحثًا عن مخاطر الأداء الواضحة. استخدم الشيفرة وإصدارات المشروع المقدمة. أعطِ الأولوية لثلاثة تغييرات واشرح كيفية قياس كل منها.

تشخيص سقوط الإطارات

شخّص سقوط الإطارات أثناء [interaction]. استخدم نتائج أداة تحليل الأداء التالية: [metrics]. حدد الأسباب المحتملة، واطلب الأدلة المفقودة، واقترح تسلسلًا للقياس والتغيير وإعادة القياس.

تحسين بدء التشغيل والحزم

أنشئ خطة لتحسين بدء التشغيل والحزم لتطبيق React Native [version] هذا باستخدام [Hermes or JSC]. قارن القياسات الأساسية ورتّب التغييرات حسب التأثير والمخاطر.

التحقيق في تراجع

حقّق في هذا التراجع عبر JavaScript والخيوط الأصلية والذاكرة وتسليم الحزم. اربط بين [trace] و[render profile] و[build data]. أوصِ بأقل الإصلاحات اللازمة مع معايير للتحقق والتراجع.

أفضل الممارسات

سجّل قياسًا أساسيًا قابلًا للتكرار قبل تغيير الشيفرة، ثم كرر التفاعل نفسه بعد كل تغيير.
تحقق من إصدارات React Native والمكتبات قبل تطبيق إرشادات خاصة بإصدار معين.
راجع الأوامر المحلية وتغييرات التبعيات قبل التنفيذ، خصوصًا عمليات بناء الإصدار وأدوات تحليل الأداء التابعة لجهات خارجية.

تجنب

لا توصِ بالحفظ المؤقت أو إعادة كتابة الحالة أو تغييرات المترجم دون أدلة مقاسة على إعادة التصيير أو معدل الإطارات.
لا تطبق جميع التحسينات في وقت واحد، لأن ذلك يصعّب تحديد سبب النتائج وعزل التراجعات.
لا تحمّل أجزاء JavaScript بعيدة من مصادر يتحكم فيها المستخدم أو غير موثوقة.

الأسئلة المتكررة

ما جوانب الأداء التي تغطيها هذه المهارة؟

تشمل معدل الإطارات وإعادة التصيير ووقت بدء التشغيل والحزم وحجم التطبيق والذاكرة والرسوم المتحركة والقوائم وTextInput والوحدات الأصلية والخيوط.

هل تدعم مشاريع Expo؟

نعم. تتضمن إرشادات خاصة بـ Expo لتحليل الحزم وإزالة الشيفرة غير المستخدمة باستخدام tree-shaking والبناء المسبق وتحليل الأداء، عندما يدعم إصدار المشروع مسارات العمل هذه.

هل تعدّل مشروعي تلقائيًا؟

لا. توصي بتغييرات وأوامر محددة. راجع كل تغيير ونفّذه من خلال مسار عمل التطوير المعتاد لديك.

ما القياسات التي ينبغي أن أقدمها؟

قدّم تفاعلًا قابلًا للتكرار وتفاصيل الجهاز ونوع البناء وإصدارات المشروع والقياسات الأساسية ومخرجات أداة تحليل الأداء والتغييرات الحديثة ذات الصلة.

هل يمكنها تشخيص مشكلات الأداء الأصلية؟

نعم. تغطي Xcode Instruments وAndroid Studio Profiler والخيوط الأصلية وملكية الذاكرة وTurbo Modules والتسلسلات الهرمية للعروض والمحاذاة.

هل يوصى باستخدام الأجزاء البعيدة لتقليل حجم الحزمة؟

فقط لبنى الشيفرة البعيدة القائمة بالفعل أو المحددة صراحةً. استخدم عناصر موقّعة من الطرف الأول، ومصادر HTTPS موثوقة، وبيانات وصفية ثابتة، وآليات تحقق صارمة.