الفرق بين المراجعتين ل"React/faq internals"
Kinan-mawed (نقاش | مساهمات) |
جميل-بيلوني (نقاش | مساهمات) ط |
||
| (3 مراجعات متوسطة بواسطة 3 مستخدمين غير معروضة) | |||
| سطر 1: | سطر 1: | ||
| − | <noinclude>{{DISPLAYTITLE:DOM الافتراضي والكائنات الداخلية}}</noinclude> | + | <noinclude>{{DISPLAYTITLE:DOM الافتراضي والكائنات الداخلية في React}}</noinclude> |
| − | |||
== ما هو DOM الافتراضي (Virtual DOM)؟ == | == ما هو DOM الافتراضي (Virtual DOM)؟ == | ||
DOM الافتراضي (أو اختصارًا VDOM) هو مفهوم برمجي نحتفظ فيه بالتمثيل المثالي أو الافتراضي لواجهة المستخدم ضمن الذاكرة مع مزامنته مع DOM الحقيقي عن طريق مكتبة مثل React DOM. تُدعى هذه العمليّة [[React/reconciliation|بالمطابقة (reconciliation)]]. | DOM الافتراضي (أو اختصارًا VDOM) هو مفهوم برمجي نحتفظ فيه بالتمثيل المثالي أو الافتراضي لواجهة المستخدم ضمن الذاكرة مع مزامنته مع DOM الحقيقي عن طريق مكتبة مثل React DOM. تُدعى هذه العمليّة [[React/reconciliation|بالمطابقة (reconciliation)]]. | ||
| سطر 14: | سطر 13: | ||
Fiber هو مُحرِّك المطابقة الجديد في React 16. هدفه الأساسي هو تمكين التصيير التراكمي في DOM الافتراضي. اقرأ المزيد [https://github.com/acdlite/react-fiber-architecture من هنا]. | Fiber هو مُحرِّك المطابقة الجديد في React 16. هدفه الأساسي هو تمكين التصيير التراكمي في DOM الافتراضي. اقرأ المزيد [https://github.com/acdlite/react-fiber-architecture من هنا]. | ||
| + | == انظر أيضًا == | ||
| + | * [[React/glossary|المصطلحات]] | ||
| + | * [[React/faq ajax|استخدام AJAX مع React]] | ||
| + | * [[React/faq build|أسئلة حول Babel، و JSX، وخطوات بناء التطبيقات]] | ||
| + | * [[React/faq functions|تمرير الدوال إلى المكونات]] | ||
| + | * [[React/faq state|حالة المكونات]] | ||
| + | * [[React/faq styling|التنسيق واستخدام CSS مع React]] | ||
| + | * [[React/faq versioning|سياسة الإصدارات المتبعة في React]] | ||
| + | * [[React/faq structure|بنية ملفات المشروع]] | ||
==مصادر== | ==مصادر== | ||
*[https://reactjs.org/docs/faq-internals.html صفحة DOM الافتراضي والكائنات الداخلية في توثيق React الرسمي]. | *[https://reactjs.org/docs/faq-internals.html صفحة DOM الافتراضي والكائنات الداخلية في توثيق React الرسمي]. | ||
[[تصنيف:React]] | [[تصنيف:React]] | ||
| + | [[تصنيف:React FAQ]] | ||
المراجعة الحالية بتاريخ 18:01، 24 فبراير 2019
ما هو DOM الافتراضي (Virtual DOM)؟
DOM الافتراضي (أو اختصارًا VDOM) هو مفهوم برمجي نحتفظ فيه بالتمثيل المثالي أو الافتراضي لواجهة المستخدم ضمن الذاكرة مع مزامنته مع DOM الحقيقي عن طريق مكتبة مثل React DOM. تُدعى هذه العمليّة بالمطابقة (reconciliation).
تُمكِّن هذه الطريقة واجهة برمجة التطبيق التصريحية في React، حيث تُخبِر React الحالة التي تريد أن تكون بها واجهة المستخدم لديك، فتحرص React على مطابقة DOM مع تلك الحالة. يُجرِّد هذا التعامل مع الخاصيّات، ومعالجة الأحداث، وتحديث DOM اليدوي الذي يجب عليك استخدامه لبناء تطبيقك.
لمّا كانت كلمة DOM الافتراضي عبارة عن نمط أكثر من كونها تقنيّة محدّدة، فأحيانًا يقول بعض الناس هذه الكلمة ليقصدوا بها أشياء مختلفة. يرتبط المصطلح DOM الافتراضي في عالم React بعناصر React بما أنّها عبارة عن كائنات تُمثِّل واجهة المستخدم. على أيّة حالة تستخدم React أيضًا كائنات الداخليّة تُدعى بالألياف (fibers) للاحتفاظ بمعلومات إضافيّة حول شجرة المكونات. قد تُعتبر هذه الألياف جزءًا من تنفيذ DOM الافتراضي في React.
هل DOM الخيالي (Shadow DOM) هو نفسه DOM الافتراضي (Virtual DOM)؟
لا، إنّهما مختلفان. حيث إنّ DOM الخيالي هو تقنية في المتصفّح مُصمَّمة بشكل أساسي لتحديد نطاق المتغيّرات وCSS في مكوّنات الويب. أمّا DOM الافتراضي هو مفهوم مُنفَّذ عن طريق مكتبات في JavaScript بناءً على واجهات برمجة تطبيق المتصفّح.
ما هو React Fiber؟
Fiber هو مُحرِّك المطابقة الجديد في React 16. هدفه الأساسي هو تمكين التصيير التراكمي في DOM الافتراضي. اقرأ المزيد من هنا.
انظر أيضًا
- المصطلحات
- استخدام AJAX مع React
- أسئلة حول Babel، و JSX، وخطوات بناء التطبيقات
- تمرير الدوال إلى المكونات
- حالة المكونات
- التنسيق واستخدام CSS مع React
- سياسة الإصدارات المتبعة في React
- بنية ملفات المشروع