تطوير الويب باستخدام React

أنشئ واجهات مستخدم حديثة وتفاعلية وسهلة الصيانة

اكتشف الدروس

لماذا تتعلم React؟

أصبحت React من أشهر مكتبات JavaScript لتطوير واجهات المستخدم. أنشأتها Facebook عام 2013، وتستخدمها اليوم آلاف الشركات حول العالم، ومنها Instagram وNetflix وAirbnb وغيرها الكثير.

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

12 درسًا
نحو 4 ساعات من القراءة
من المبتدئ إلى المتوسط
تطوير React

دروس السلسلة

1

مقدمة

تعرّف على React، مكتبة JavaScript الأكثر شعبية لبناء واجهات مستخدم تفاعلية
الدرس 1 من 13
ابدأ هذا الدرس
2

التثبيت

تعلّم كيفية تثبيت بيئة تطوير React وإعدادها
الدرس 2 من 13
ابدأ هذا الدرس
3

التهيئة المتقدمة

اكتشف التهيئات المتقدمة لتحسين تطبيق React الخاص بك
الدرس 3 من 13
ابدأ هذا الدرس
4

المكوّنات

تعلّم كيفية إنشاء مكوّنات React واستخدامها، وهي اللبنات الأساسية في React
الدرس 4 من 13
ابدأ هذا الدرس
5

Props وState

تعرّف على كيفية إدارة البيانات في React باستخدام props وstate
الدرس 5 من 13
ابدأ هذا الدرس
6

Hooks

اكتشف Hooks في React، وهي دوال تتيح استخدام الحالة (state) وميزات React الأخرى داخل المكوّنات الدالّية
الدرس 6 من 13
ابدأ هذا الدرس
7

الأحداث

تعلّم كيفية إدارة الأحداث في React، بدءًا من النقرات ومرورًا بالنماذج وصولًا إلى الأحداث المخصصة
الدرس 7 من 13
ابدأ هذا الدرس
8

التوجيه

تعلّم كيفية تنفيذ التوجيه في تطبيقات React باستخدام React Router
الدرس 8 من 13
ابدأ هذا الدرس
9

إدارة الحالة

تعلّم كيفية إدارة حالة تطبيقات React بكفاءة باستخدام Context API وRedux وحلول أخرى
الدرس 9 من 13
ابدأ هذا الدرس
10

الاختبارات

تعلّم كيفية اختبار تطبيقات React الخاصة بك باستخدام Jest وReact Testing Library
الدرس 10 من 13
ابدأ هذا الدرس
11

مشروع Todo App

طبّق معارفك عمليًا من خلال تطوير تطبيق متكامل لإدارة المهام باستخدام React وأفضل الممارسات
الدرس 11 من 13
ابدأ هذا الدرس
12

النشر

تعلّم كيفية نشر تطبيقات React على منصات مختلفة وتحسين أدائها
الدرس 12 من 13
ابدأ هذا الدرس
13

نشر Docker

تعلّم كيفية احتواء تطبيقات React ونشرها باستخدام Docker للحصول على نشر متّسق وقابل للتوسّع.
الدرس 13 من 13
ابدأ هذا الدرس