NahdaAIنهضة
TypeScript • المستوى الثالث

دمج TypeScript مع React.js

بناء مكونات تفاعلية آمنة، معالجة الأحداث بصرامة، وإنشاء Custom Hooks متقدمة.

فهرس المسار
01

الدرس 1: تعريف الخصائص للمكونات (Typing React Components & Props)

بناء مكونات React واستقبال الخصائص مع تحديد الأنواع بدقة عبر React.FC والـ Interfaces.

ابدأ الدرس
02

الدرس 2: استخدام الخطافات بـ TypeScript (useState & useEffect with TS)

إشتقاق وتحديد أنواع الحالة الحية (State) وتصفية قيم null والتأثيرات الجانبية.

ابدأ الدرس
03

الدرس 3: معالجة الأحداث وحقول المدخلات (Typing Events & Forms)

تحديد أنواع الأحداث مثل React.ChangeEvent و React.FormEvent لمنع أخطاء المدخلات.

ابدأ الدرس
04

الدرس 4: بناء الخطافات المخصصة المشفرة (Typing Custom Hooks)

تجميع المنطق التفاعلي وإنشاء Custom Hooks صارمة الأنواع وقابلة لإعادة الاستخدام.

ابدأ الدرس