الفرق بين المراجعتين لصفحة: «React/Topics»
Kinan-mawed (نقاش | مساهمات) |
Kinan-mawed (نقاش | مساهمات) |
||
| سطر 16: | سطر 16: | ||
=== [[React/hello world|مثال أهلًا بالعالم في React]] === | === [[React/hello world|مثال أهلًا بالعالم في React]] === | ||
طريقة تنفيذ مثال أهلًا بالعالم في React، مع الحديث عن درجة المعرفة المفترضة في JavaScript للمتابعة في التوثيق. | |||
=== [[React/introducing jsx|مقدمة إلى JSX]] === | === [[React/introducing jsx|مقدمة إلى JSX]] === | ||
أهميّة استخدام صياغة JSX وهي عبارة عن امتداد لصياغة JavaScript ، تُستخدَم مع React لوصف المظهر الذي ينبغي أن تكون عليه واجهة المستخدم. | |||
=== [[React/rendering elements|تصيير العناصر]] === | === [[React/rendering elements|تصيير العناصر]] === | ||
شرح تصيير العناصر إلى DOM وطريقة تحديثها، مع أخذ مثال عن تطبيق الساعة الموقوتة لفهم ذلك. | |||
=== [[React/components and props|المكونات والخاصيات]] === | === [[React/components and props|المكونات والخاصيات]] === | ||
مراجعة 20:11، 15 سبتمبر 2018
تثبيت React
تجربة React
تجربة React مباشرةً على الإنترنت أو إعداد بيئة تطوير محليّة خاصّة بك.
إضافة React إلى تطبيق جديد
إعداد تطبيق صفحة واحدة (single-page application) مع كل شيء تحتاجه من أجل سير عمل التطوير بسلاسة، بما في ذلك اكتشاف الأخطاء (linting)، والاختبار، وتحسينات الإنتاج، والمزيد من ذلك.
إضافة React إلى تطبيق موجود
لن تحتاج إلى إعادة كتابة تطبيقك للبدء باستخدام React. يشرح هذا القسم طريقة إضافة React إلى تطبيق موجود مسبقًا، مع إعداد خط بناء التطبيقات واستخدام إصدارات التطوير والإنتاج.
روابط شبكة توزيع المحتوى CDN
روابط شبكة توزيع المحتوى الخاصّة بمكتبة React للتطوير والإنتاج.
المفاهيم الأساسية
مثال أهلًا بالعالم في React
طريقة تنفيذ مثال أهلًا بالعالم في React، مع الحديث عن درجة المعرفة المفترضة في JavaScript للمتابعة في التوثيق.
مقدمة إلى JSX
أهميّة استخدام صياغة JSX وهي عبارة عن امتداد لصياغة JavaScript ، تُستخدَم مع React لوصف المظهر الذي ينبغي أن تكون عليه واجهة المستخدم.
تصيير العناصر
شرح تصيير العناصر إلى DOM وطريقة تحديثها، مع أخذ مثال عن تطبيق الساعة الموقوتة لفهم ذلك.