📦

use-dom

Name: use-dom
Author: expo

v1.0.0 مراجعة المحتوى r1 آمن ⚡ يحتوي على سكربتات⚙️ الأوامر الخارجية📁 الوصول إلى نظام الملفات

بناء مكوّنات Expo DOM

غالبًا ما تحتاج فرق Expo إلى استخدام مكتبات الويب داخل التطبيقات الأصلية دون إعادة كتابتها. ترشد هذه المهارة Claude وCodex وClaude Code عبر أنماط آمنة لمكوّنات DOM.

يدعم: Claude Codex Code(CC)

🥈 80 فضي

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

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

طلب الوكيل

Review the Skillstore skill "use-dom" from https://skillstore.io/skills/expo-use-dom.md and its manifest at https://skillstore.io/api/skills/expo-use-dom/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/expo-use-dom.md manifest موقَّع GET /api/skills/expo-use-dom/manifest lockfile موقَّع GET /api/skills/expo-use-dom/lockfile

اختبرها

جارٍ استخدام "use-dom". يطلب المستخدم مخططًا باستخدام مكتبة رسم مخططات مخصصة للويب فقط في Expo.

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

يوصي المساعد بمكوّن DOM محدد النطاق، وprops مكتوبة قابلة للتسلسل، وارتفاع مضبوط عبر prop باسم dom، واستخدامه داخل شاشة أصلية.

جارٍ استخدام "use-dom". يحتاج المستخدم إلى معاملات المسار داخل مكوّن DOM.

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

يشرح المساعد أي hooks في router تحتاج إلى وصول أصلي ويوصي بقراءة القيم في الشاشة الأصلية الحاوية قبل تمرير props.

جارٍ استخدام "use-dom". يريد المستخدم نقل شاشة كاملة إلى WebView.

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

ينبه المساعد إلى مخاوف الأداء والتنقل، ثم يقترح إبقاء التخطيط الأصلي حول مكوّنات DOM أصغر.

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

آمن

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

The static alerts are false positives in Markdown documentation examples. Dynamic import patterns are TypeScript type imports, backtick alerts are formatting, and the path traversal alert is a static bundled asset example. No prompt injection, data exfiltration, command execution, or host reconnaissance intent was found.

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

418

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

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

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

عوامل الخطر

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

SKILL.md:43 SKILL.md:75 SKILL.md:140 SKILL.md:168 SKILL.md:195 SKILL.md:224 SKILL.md:253 SKILL.md:275 SKILL.md:321 SKILL.md:346 SKILL.md:365

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

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

SKILL.md:360

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

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

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

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

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

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

https://skillstore.io/skills/expo-use-dom/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

شارة Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/expo-use-dom/security.svg)](https://skillstore.io/skills/expo-use-dom?utm_source=security_passport_badge)

شارة HTML

<a href="https://skillstore.io/skills/expo-use-dom?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/expo-use-dom/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

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

<iframe src="https://skillstore.io/embed/skills/expo-use-dom.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

expo. (2026). use-dom security audit report (audit version 4) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/expo-use-dom/audits/4

اقتباس BibTeX

@techreport{expo-expo-use-dom-2026,
  author = {expo},
  title = {use-dom security audit report (audit version 4)},
  institution = {Skillstore},
  year = {2026},
  number = {4},
  url = {https://skillstore.io/skills/expo-use-dom/audits/4},
  note = {Author version 1.0.0}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "use-dom security audit report (audit version 4)"
version: "1.0.0"
type: report
authors:
  - name: "expo"
date-released: "2026-07-05"
url: "https://skillstore.io/skills/expo-use-dom/audits/4"
identifiers:
  - type: other
    value: "skillstore:expo-use-dom:audit:4"
    description: "Skillstore immutable audit report identifier"

تقييم Skillstore

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

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

100

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

المحتوى

المجتمع

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

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

تضمين مخططات الويب

أضف مكتبات رسم المخططات التي تعتمد على DOM APIs إلى تطبيق Expo مع الإبقاء على الشاشات الأصلية حولها.

ترحيل واجهة React للويب

انقل مكوّنات React web الحالية إلى تطبيق Expo أصلي بخطوات صغيرة ومعزولة.

توثيق حدود DOM

أنشئ إرشادات تنفيذ واضحة للتوجيه، وprops، والأصول، وسلوك المنصات قبل بدء التطوير.

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

إنشاء مكوّن DOM أساسي

أنشئ مكوّن Expo DOM من أجل [web library or UI]. ضمّن توجيه use dom، وDOMProps مكتوبة، وprops قابلة للتسلسل، وإرشادات الاستخدام الأصلي.

ترحيل مكوّن ويب

ساعد في ترحيل مكوّن React web هذا إلى مكوّن Expo DOM. حدّد تغييرات props، والتعامل مع CSS، والتعامل مع الأصول، والتكامل مع الشاشة الأصلية.

ربط الإجراءات الأصلية

صمّم مكوّن DOM يستقبل إجراءات أصلية غير متزامنة كـ props. أبقِ المدخلات قابلة للتسلسل واشرح معالجة الأخطاء عبر حد WebView.

مراجعة خطة تكامل DOM

راجع خطة مكوّن Expo DOM هذه من حيث الأداء، والتوجيه، وتحديد حجم WebView، واختلافات المنصات، والحالات التي تكون فيها المكوّنات الأصلية أفضل.

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

اجعل كل مكوّن DOM مركزًا على قدرة واحدة مخصصة للويب فقط.
مرّر فقط بيانات قابلة للتسلسل ودوال غير متزامنة عبر الحد الأصلي.
اختبر مكوّنات DOM على iOS وAndroid والويب قبل الإصدار.

تجنب

لا تستخدم مكوّنات DOM لواجهات مستخدم بسيطة يمكن لـ React Native عرضها بكفاءة.
لا تضع مسارات التخطيط أو هياكل التنقل الكاملة داخل مكوّنات DOM.
لا تعتمد على حالة مشتركة مباشرة بين الكود الأصلي وسياق WebView.

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

ما الذي تساعد هذه المهارة في بنائه؟

تساعد في بناء مكوّنات Expo DOM تشغّل كود الويب داخل WebViews أصلية وتُعرض مباشرة على الويب.

هل تستبدل مكوّنات React Native؟

لا. هي الأنسب للمكتبات المخصصة للويب فقط، وتخطيطات HTML المعقدة، والتضمينات، وcanvas، وWebGL.

هل يمكن لمكوّنات DOM استخدام مكتبات الويب؟

نعم. تعرض المهارة أنماطًا للمكتبات التي تحتاج إلى DOM APIs، مثل المخططات أو مبرزات الصياغة.

كيف تُكشف الإجراءات الأصلية؟

يمكن للشاشات الأصلية تمرير دوال غير متزامنة كـ props، ويمكن لمكوّنات DOM استدعاء تلك الدوال من WebView.

هل يمكن تشغيل router hooks داخل مكوّنات DOM؟

تعمل بعض APIs في router مباشرة. ينبغي تشغيل state hooks التي تحتاج إلى بيانات توجيه أصلية في العنصر الأصل الأصلي.

هل هي مناسبة لتطبيقات الإنتاج؟

نعم، عندما تكون المكوّنات محددة النطاق، وprops قابلة للتسلسل، ويتم قياس الأداء، وتُختبر جميع المنصات المستهدفة.

تفاصيل المطور

المؤلف

expo

الترخيص

MIT

إصدار المؤلف

v1.0.0

مراجعة Skillstore

المستودع

https://github.com/expo/skills/tree/main/plugins/expo-app-design/skills/use-dom/

مرجع

30c73eac2afe762f6aa9c4553158769369d47351

حداثة الصيانة

١٨‏/٧‏/٢٠٢٦

الاستخدام

4 تنزيلات · 143 مشاهدات

بنية الملفات

📄 SKILL.md

use-dom

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

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

اختبرها

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

عوامل الخطر

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

شارة Markdown

شارة HTML

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

اقتباس APA

اقتباس BibTeX

CITATION.cff

تقييم Skillstore

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

تضمين مخططات الويب

ترحيل واجهة React للويب

توثيق حدود DOM

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

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

تجنب

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

تفاصيل المطور

المزيد من expo

expo-tailwind-setup

expo-dev-client

expo-api-routes

native-data-fetching

expo-deployment

building-native-ui

vercel-react-native-skills

rn-performance

upgrading-expo

react-native-architecture

rn-styling

rn-testing

use-dom

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

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

اختبرها

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

عوامل الخطر

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

شارة Markdown

شارة HTML

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

اقتباس APA

اقتباس BibTeX

CITATION.cff

تقييم Skillstore

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

تضمين مخططات الويب

ترحيل واجهة React للويب

توثيق حدود DOM

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

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

تجنب

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

تفاصيل المطور

المزيد من expo

expo-tailwind-setup

expo-dev-client

expo-api-routes

native-data-fetching

expo-deployment

building-native-ui

مهارات ذات صلة

vercel-react-native-skills

rn-performance

upgrading-expo

react-native-architecture

rn-styling

rn-testing