React/Topics

من موسوعة حسوب

تثبيت React

تجربة React

تجربة React مباشرةً على الإنترنت أو إعداد بيئة تطوير محليّة خاصّة بك.

إضافة React إلى تطبيق جديد

إعداد تطبيق صفحة واحدة (single-page application) مع كل شيء تحتاجه من أجل سير عمل التطوير بسلاسة، بما في ذلك اكتشاف الأخطاء (linting)، والاختبار، وتحسينات الإنتاج، والمزيد من ذلك.

إضافة React إلى تطبيق موجود

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

روابط شبكة توزيع المحتوى CDN

روابط شبكة توزيع المحتوى الخاصّة بمكتبة React للتطوير والإنتاج.

المفاهيم الأساسية

مثال أهلًا بالعالم في React

طريقة تنفيذ مثال أهلًا بالعالم في React، مع الحديث عن درجة المعرفة المفترضة في JavaScript للمتابعة في التوثيق.

مقدمة إلى JSX

أهميّة استخدام صياغة JSX وهي عبارة عن امتداد لصياغة JavaScript ، تُستخدَم مع React لوصف المظهر الذي ينبغي أن تكون عليه واجهة المستخدم.

تصيير العناصر

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

المكونات والخاصيات

حالة ودورة حياة المكونات

معالجة الأحداث في React

التصيير الشرطي

القوائم والمفاتيح

الحقول

رفع الحالات المشتركة للمستوى الأعلى

الفرق بين التركيب والوراثة في React

أسلوب التفكير في React

الدليل المتقدم

شرح JSX بالتفصيل

التحقق من الأنواع الثابتة

التحقق من الأنواع باستخدام PropTypes

استخدام المراجع مع DOM

المكونات غير المضبوطة

تحسين الأداء

React بدون ES6

React بدون JSX

المطابقة (Reconciliation)

استخدام السياق (Context) في React

استخدام الأجزاء (Fragments) في React

المداخل (Portals) في React

حدود الأخطاء

مكونات الويب

المكونات ذات الترتيب الأعلى

تمرير المراجع

خاصيات التصيير

تكامل React مع المكتبات الأخرى

سهولة الوصول

تقسيم الشيفرة

الوضع الصارم (Strict Mode)

مرجع إلى واجهة برمجة التطبيق (API) في React

واجهة برمجة التطبيق (API) ذات المستوى الأعلى في React

الصنف React.Component

الكائن ReactDOM

الكائن ReactDOMServer

عناصر DOM

الأحداث المصطنعة (Synthetic Events)

أدوات الاختبار

التصيير السطحي (Shallow Rendering)

مصير الاختبار (Test Renderer)

متطلبات بيئة JavaScript

الأسئلة الشائعة في React

المصطلحات

استخدام AJAX مع React

أسئلة حول Babel، و JSX، وخطوات بناء التطبيقات

تمرير الدوال إلى المكونات

حالة المكونات

التنسيق واستخدام CSS مع React

بنية ملفات المشروع

DOM الافتراضي والكائنات الداخلية

الدليل التطبيقي