التوثيق الشامل

React 19

دليلك الكامل لتعلم أحدث إصدار من مكتبة React من الصفر وحتى الاحتراف، مع شرح مفصّل لجميع المفاهيم والتقنيات.

ابدأ التعلم استكشف المميزات
import React from 'react';

function App() {
  return (
    <div>
      مرحباً بالعالم!
    </div>
  );
}

export default App;
import {'{'} useState {'}'} from 'react';

function Counter() {
  const [count, setCount] = useState(0);

  return (
    <>
      <h1>{'{'}count{'}'}</h1>
      <button onClick={'{'}() => setCount(count + 1){'}'}>
        زيادة
      </button>
    </>
  );
}
مكونات الخادم

تحسين الأداء

استفد من قوة مكونات الخادم لتحسين الأداء وتجربة المستخدم

استكشف المميزات

ما الجديد في React 19؟

تعرف على الميزات الجديدة والتحسينات التي تجعل React 19 إصدارًا ثوريًا في عالم تطوير واجهات المستخدم

أداء فائق

تحسينات كبيرة في سرعة التحميل والعرض مع مُحسّن الترميز الجديد الذي يقلل من حجم الحزمة.

مكونات الخادم

نموذج جديد لبناء التطبيقات يجمع بين قوة التقديم على الخادم وتفاعلية العميل في واجهة واحدة.

واجهة API محسنة

واجهة برمجة أكثر بساطة وقوة مع خطافات جديدة تجعل التطوير أسرع وأكثر كفاءة.

نظام تخزين مؤقت

آلية تخزين مؤقت ذكية تحسّن كيفية تخزين البيانات واسترجاعها، مما يوفر تجربة أكثر سلاسة.

تحميل متوازي

تحميل المكونات والموارد بشكل متوازٍ مع تحسين تجربة المستخدم أثناء الانتظار.

انتقالات سلسة

نظام انتقالات متطور يتيح إنشاء تجارب مستخدم أكثر سلاسة وجاذبية.

مسار التعلم

رحلة بناء المعرفة

مسار تعليمي مدروس يأخذك من الأساسيات إلى المفاهيم المتقدمة بطريقة عملية وسهلة

أساسيات React 19

ابدأ بفهم المفاهيم الأساسية لـ React 19 وكيفية إعداد بيئة التطوير وبناء أول تطبيق بسيط.

JSX المكونات Props الحالة
ابدأ التعلم

الخطافات والتأثيرات

تعلم كيفية استخدام الخطافات في React 19 لإدارة الحالة والتأثيرات الجانبية بكفاءة عالية.

useState useEffect useContext الخطافات المخصصة
تعلم المزيد

مكونات الخادم والأداء

استكشف التقنيات المتقدمة في React 19 مثل مكونات الخادم والتحميل المتوازي وتحسين الأداء.

Server Components Suspense تحسين الأداء التخزين المؤقت
استكشف المتقدم

مشاريع عملية

طبّق ما تعلمته في بناء تطبيقات واقعية كاملة باستخدام React 19 مع أفضل الممارسات.

توثيق API لوحة تحكم متجر إلكتروني تطبيق تفاعلي
المصادر والأدوات

استكشف الموارد التعليمية

مجموعة مختارة من الموارد التي ستساعدك على تعميق فهمك وتطوير مهاراتك في React 19

أمثلة كود

نماذج جاهزة للاستخدام في مشاريعك الخاصة

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

مكونات قابلة لإعادة الاستخدام لتسريع التطوير

أدلة متقدمة

شروحات مفصلة للمفاهيم المتقدمة في React 19

أدوات التطوير

مجموعة من الأدوات المساعدة لتحسين عملية التطوير

ابدأ رحلتك مع React 19

اغتنم الفرصة الآن للتعلم من البداية وحتى الاحتراف مع محتوى مصمم خصيصًا لكل مستويات الخبرة.

  • شرح مفصل لجميع المفاهيم والتقنيات
  • أمثلة عملية وتطبيقية لكل درس
  • تحديثات دورية لمواكبة أحدث التغييرات
  • مجتمع داعم لمساعدتك في رحلتك
دليل البداية السريعة

اختر ما يناسب مستواك

للمبتدئين

تعلم الأساسيات من الصفر

للمستوى المتوسط

تعمق في المفاهيم المتقدمة

للمحترفين

استكشف أحدث التقنيات والممارسات

الترقية من الإصدارات السابقة

دليل الترقية من React 18 إلى React 19

ابق على اطلاع بكل جديد

اشترك في نشرتنا الإخبارية للحصول على آخر التحديثات والنصائح حول React 19