logo by @sawaratsuki1004
React
v19.2
تعلم
مرجع
المجتمع
المدونة

هل هذه الصفحة مفيدة؟

في هذه الصفحة

  • Overview
  • مقدمة
  • التثبيت
  • التبني التدريجي
  • تصحيح الأخطاء واستكشاف المشاكل
  • التكوين والمرجع
  • موارد إضافية

    البدأ

  • بداية سريعة
    • شرح تطبيقي: لعبة تيك تاك تو
    • التفكير على طريقة React
  • التثبيت
    • إنشاء تطبيق React
    • بناء تطبيق React من الصفر
    • إضافة React إلى مشروع موجود بالفعل
  • الإعداد
    • تجهيز المحرر
    • استخدام TypeScript
    • أدوات مطوري React
  • React Compiler
    • مقدمة
    • التثبيت
    • التبني التدريجي
    • تصحيح الأخطاء واستكشاف المشاكل
  • تعلم React

  • وصف واجهة المستخدم (UI)
    • مكونك الأول (Component)
    • استيراد وتصدير المكونات (Components)
    • كتابة ترميز البناء بـ JSX
    • JavaScript في JSX باستخدام الأقواس المنحنية
    • تمرير الخصائص (Props) إلى مكون
    • التصيير الشرطي (Conditional Rendering)
    • تصيير القوائم (Rendering Lists)
    • الحفاظ على نقاء المكونات (Pure Components)
    • واجهتك المستخدم كشجرة (UI Tree)
  • إضافة التفاعلية (Interactivity)
    • الاستجابة للأحداث (Events)
    • الحالة (State): ذاكرة المُكَوِّن
    • التصيير والالتزام (Render and Commit)
    • الحالة (State) كلقطة
    • إضافة سلسلة من تحديثات الحالة (State) إلى قائمة انتظار
    • تحديث الكائنات (Objects) في الحالة
    • تحديث المصفوفات (Arrays) في الحالة
  • إدارة State
    • التفاعل مع Input باستخدام State
    • اختيار بنية State
    • مشاركة State بين Components
    • الحفاظ على State وإعادة ضبطها
    • استخراج منطق State إلى Reducer
    • تمرير البيانات بشكل عميق باستخدام Context
    • التوسع باستخدام Reducer و Context
  • مخارج الطوارئ (Escape Hatches)
    • الإشارة إلى القيم باستخدام Refs
    • التلاعب بـ DOM باستخدام Refs
    • التزامن مع Effects
    • قد لا تحتاج إلى Effect
    • دورة حياة Reactive Effects
    • فصل Events عن Effects
    • إزالة اعتماديات Effect
    • إعادة استخدام المنطق باستخدام Custom Hooks
تعلم React

React Compiler

مقدمة

تعلم ماذا يفعل React Compiler وكيف يقوم بتحسين تطبيق React الخاص بك تلقائيًا من خلال التعامل مع memoization نيابةً عنك، مما يلغي الحاجة إلى useMemo و useCallback و React.memo يدويًا.

التثبيت

ابدأ بـتثبيت React Compiler وتعلم كيفية تكوينه مع أدوات build الخاصة بك.

التبني التدريجي

تعلم استراتيجيات التبني التدريجي لـ React Compiler في قاعدة الكود الموجودة لديك إذا لم تكن مستعدًا لتمكينه في كل مكان بعد.

تصحيح الأخطاء واستكشاف المشاكل

عندما لا تعمل الأشياء كما هو متوقع، استخدم دليل تصحيح الأخطاء لفهم الفرق بين أخطاء المُجمّع ومشاكل runtime، وتحديد الأنماط الشائعة التي تسبب المشاكل، واتباع سير عمل منهجي لتصحيح الأخطاء.

التكوين والمرجع

لخيارات التكوين التفصيلية ومرجع API:

  • خيارات التكوين - جميع خيارات تكوين المُجمّع بما في ذلك توافق إصدار React
  • التوجيهات - التحكم في التجميع على مستوى الدالة
  • تجميع المكتبات - شحن مكتبات مُجمّعة مسبقًا

موارد إضافية

بالإضافة إلى هذه المستندات، نوصي بالاطلاع على مجموعة عمل React Compiler للحصول على معلومات ومناقشات إضافية حول المُجمّع.

السابقأدوات مطوري React
التاليمقدمة

Copyright © Meta Platforms, Inc
no uwu plz
uwu?
Logo by@sawaratsuki1004
تعلم React
بداية سريعة
التثبيت
وصف واجهة المستخدم (UI)
إضافة التفاعلية
إدارة State
مخارج الطوارئ
مرجع API
React APIs
React DOM APIs
المجتمع
ميثاق السلوك
تعرف على الفريق
المساهمون في التوثيق
شكر وتقدير
المزيد
المدونة
React Native
الخصوصية
الشروط