الفرق بين المراجعتين لصفحة: «React/Topics»

من موسوعة حسوب
سطر 2: سطر 2:


=== [[React/try react|تجربة React]] ===
=== [[React/try react|تجربة React]] ===
تجربة React مباشرةً على الإنترنت أو إعداد بيئة تطوير محليّة خاصّة بك.


=== [[React/add react to a new app|إضافة React إلى تطبيق جديد]] ===
=== [[React/add react to a new app|إضافة React إلى تطبيق جديد]] ===
إعداد تطبيق صفحة واحدة (single-page application) مع كل شيء تحتاجه من أجل سير عمل التطوير بسلاسة، بما في ذلك اكتشاف الأخطاء (linting)، والاختبار، وتحسينات الإنتاج، والمزيد من ذلك.


=== [[React/add react to an existing app|إضافة React إلى تطبيق موجود]] ===
=== [[React/add react to an existing app|إضافة React إلى تطبيق موجود]] ===
لن تحتاج إلى إعادة كتابة تطبيقك للبدء باستخدام React. يشرح هذا القسم طريقة إضافة React إلى تطبيق موجود مسبقًا، مع إعداد خط بناء التطبيقات واستخدام إصدارات التطوير والإنتاج.


=== [[React/cdn links|روابط شبكة توزيع المحتوى CDN]] ===
=== [[React/cdn links|روابط شبكة توزيع المحتوى CDN]] ===
روابط شبكة توزيع المحتوى الخاصّة بمكتبة React للتطوير والإنتاج.


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

مراجعة 20:01، 15 سبتمبر 2018

تثبيت React

تجربة React

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

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

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

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

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

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

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

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

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

مقدمة إلى JSX

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

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

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

معالجة الأحداث في 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 الافتراضي والكائنات الداخلية

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