الفرق بين المراجعتين لصفحة: «React/Topics»
Kinan-mawed (نقاش | مساهمات) |
Kinan-mawed (نقاش | مساهمات) |
||
| سطر 8: | سطر 8: | ||
=== [[React/add react to an existing app|إضافة React إلى تطبيق موجود]] === | === [[React/add react to an existing app|إضافة React إلى تطبيق موجود]] === | ||
لن تحتاج إلى إعادة كتابة تطبيقك للبدء باستخدام React. | لن تحتاج إلى إعادة كتابة تطبيقك للبدء باستخدام React. تشرح هذه الصفحة طريقة إضافة React إلى تطبيق موجود مسبقًا، مع إعداد خط بناء التطبيقات واستخدام إصدارات التطوير والإنتاج. | ||
=== [[React/cdn links|روابط شبكة توزيع المحتوى CDN]] === | === [[React/cdn links|روابط شبكة توزيع المحتوى CDN]] === | ||
| سطر 25: | سطر 25: | ||
=== [[React/components and props|المكونات والخاصيات]] === | === [[React/components and props|المكونات والخاصيات]] === | ||
تُتيح لنا المُكوِّنات (Components) تقسيم واجهة المستخدم إلى قطع مُستقِلَّة قابلة لإعادة الاستخدام، والتفكير بكل قطعة على انفراد. تقبل المكوّنات مُدخَلات المستخدم والتي تُدعى الخاصيّات <code>props</code>. تشرح هذه الصفحة الفرق بين مكوّنات الأصناف والدوال وطريقة استخراج وتركيب المكوّنات. | |||
=== [[React/state and lifecycle|حالة ودورة حياة المكونات]] === | === [[React/state and lifecycle|حالة ودورة حياة المكونات]] === | ||
تتحدّث هذه الصفحة عن حالة المكوّنات وأهميتها من خلال مثال عملي للساعة الموقوتة. مع شرح طريقة استخدام الحالة بشكل صحيح، ومقدمة إلى توابع دورة حياة المكوّنات. | |||
=== [[React/handling events|معالجة الأحداث في React]] === | === [[React/handling events|معالجة الأحداث في React]] === | ||
مراجعة 20:19، 15 سبتمبر 2018
تثبيت React
تجربة React
تجربة React مباشرةً على الإنترنت أو إعداد بيئة تطوير محليّة خاصّة بك.
إضافة React إلى تطبيق جديد
إعداد تطبيق صفحة واحدة (single-page application) مع كل شيء تحتاجه من أجل سير عمل التطوير بسلاسة، بما في ذلك اكتشاف الأخطاء (linting)، والاختبار، وتحسينات الإنتاج، والمزيد من ذلك.
إضافة React إلى تطبيق موجود
لن تحتاج إلى إعادة كتابة تطبيقك للبدء باستخدام React. تشرح هذه الصفحة طريقة إضافة React إلى تطبيق موجود مسبقًا، مع إعداد خط بناء التطبيقات واستخدام إصدارات التطوير والإنتاج.
روابط شبكة توزيع المحتوى CDN
روابط شبكة توزيع المحتوى الخاصّة بمكتبة React للتطوير والإنتاج.
المفاهيم الأساسية
مثال أهلًا بالعالم في React
طريقة تنفيذ مثال أهلًا بالعالم في React، مع الحديث عن درجة المعرفة المفترضة في JavaScript للمتابعة في التوثيق.
مقدمة إلى JSX
أهميّة استخدام صياغة JSX وهي عبارة عن امتداد لصياغة JavaScript ، تُستخدَم مع React لوصف المظهر الذي ينبغي أن تكون عليه واجهة المستخدم.
تصيير العناصر
شرح تصيير العناصر إلى DOM وطريقة تحديثها، مع أخذ مثال عن تطبيق الساعة الموقوتة لفهم ذلك.
المكونات والخاصيات
تُتيح لنا المُكوِّنات (Components) تقسيم واجهة المستخدم إلى قطع مُستقِلَّة قابلة لإعادة الاستخدام، والتفكير بكل قطعة على انفراد. تقبل المكوّنات مُدخَلات المستخدم والتي تُدعى الخاصيّات props. تشرح هذه الصفحة الفرق بين مكوّنات الأصناف والدوال وطريقة استخراج وتركيب المكوّنات.
حالة ودورة حياة المكونات
تتحدّث هذه الصفحة عن حالة المكوّنات وأهميتها من خلال مثال عملي للساعة الموقوتة. مع شرح طريقة استخدام الحالة بشكل صحيح، ومقدمة إلى توابع دورة حياة المكوّنات.