Refactorizar una app real de React a TypeScript paso a paso me ayudó a entender los tipos mucho mejor que cualquier tutorial teórico.
React مع TypeScript: إعادة الهيكلة إلى كود آمن من الناحية النوعية
الانتقال من JavaScript العادي إلى TypeScript عن طريق إعادة هيكلة تطبيق React إلى قاعدة كود قوية وآمنة من الناحية النوعية.
-
💬
مدرب ذكاء اصطناعي
اسأل عن أي درس واحصل على إجابة واضحة فورًا، في أي وقت. -
🕐
ابدأ في أي وقت
بلا جداول أو مواعيد نهائية — تعلّم بوتيرتك، وقتما يناسبك. -
🌐
بالعربية
الدروس والمهام والشهادة — كل ذلك بلغتك بالكامل.
حول هذه الدورة
كتابة تطبيقات React بلغة JavaScript العادية غالبًا ما تؤدي إلى أخطاء وقت تشغيل غير متوقعة وكود يصعب صيانته. يحل TypeScript هذه المشكلة عن طريق اكتشاف الأخطاء أثناء التطوير، مما يجعله مهارة أساسية لتطوير الويب الحديث.
في هذه الدورة النصية، ستتعلم كيفية الانتقال بثقة بمشاريع React الخاصة بك إلى TypeScript. من خلال إعادة هيكلة تطبيق موجود، ستنتقل من التعليقات التوضيحية الأساسية للأنواع إلى أنماط الأمان المتقدمة للأنواع، مما يضمن أن المكونات والحالة وتكاملات واجهة برمجة التطبيقات (API) الخاصة بك مُعرفة بالأنواع بالكامل ومرنة.
ما ستتعلمه:
• فهم تعريفات TypeScript الأساسية، والأنواع الأساسية، والواجهات (interfaces) قبل كتابة كود معقد.
• تكوين إعدادات الوضع الصارم الحديثة وفهم كيفية تكامل TypeScript مع بيئات البناء المعاصرة.
• تحديد أنواع خصائص React (props) والحالة (state) ومعالجات الأحداث (event handlers) لسلوك مكون يمكن التنبؤ به.
• تطبيق أنواع الأدوات المساعدة الحديثة مثل Partial و Pick و Omit لتبسيط هياكل البيانات.
• إعادة هيكلة خطافات (hooks) مخصصة وموفري سياق (context providers) مكتوبين بـ JavaScript العادي إلى وحدات نمطية قوية وآمنة من الناحية النوعية.
• التدرب على التعامل مع استجابات واجهة برمجة التطبيقات غير المتزامنة (asynchronous API responses) باستخدام تعريفات الأنواع المناسبة وأنماط جلب البيانات.
تبدأ الدورة بتقديم المصطلحات والمفاهيم الأساسية لـ TypeScript. من هناك، ستعمل تدريجيًا من خلال تمارين إعادة الهيكلة المكتوبة، وتطبيق تعريفات الأنواع على تطبيق React واقعي خطوة بخطوة.
تم تصميم هذه الدورة لمتعلمي TypeScript المبتدئين الذين لديهم خبرة أساسية في JavaScript و React، ولا تتطلب أي خلفية مسبقة في اللغات ذات الأنواع الثابتة.
ابدأ القراءة اليوم لتحويل مهاراتك في JavaScript وبناء تطبيقات React موثوقة وآمنة من الناحية النوعية.
ما الذي ستحصل عليه
-
📜
شهادة إتمام
أضفها إلى ملفك على LinkedIn -
💬
مدرّس AI شخصي
عالق في دورة؟ اسأل مدرّسك المدمج أي شيء، في أي وقت. -
🎧
النسخة الصوتية مضمَّنة
تعلَّم أثناء تنقُّلك — دون شاشة -
♾️
وصول مدى الحياة
عُد متى شئت، بلا انتهاء -
📱
الهاتف أو الكمبيوتر
يعمل في أي مكان وعلى أي جهاز -
💸
استرداد خلال 14 يومًا
دون أسئلة -
⚡
قصير ومركَّز
2 ساعة 42 دقيقة من المحتوى التطبيقي
المراجعات (12)
What I liked most is that this isn't a theoretical TypeScript course, it's a real React app getting refactored file by file right in front of you. Watching props go from untyped chaos to clean interfaces made the benefits of TypeScript click instantly. The section on typing custom hooks was especially useful since that's something most tutorials skip.
Rifattorizzare da zero, finalmente capito i tipi.
Khóa học này giúp mình hiểu rõ cách chuyển một dự án React từ JavaScript sang TypeScript một cách có hệ thống, không phải học lý thuyết suông. Phần refactor props và state sang interface được giải thích rất cụ thể qua từng bước. Chỉ hơi tiếc là phần generics nâng cao đi hơi nhanh nên mình phải xem lại vài lần.
সত্যিকারের একটা রিয়্যাক্ট অ্যাপ রিফ্যাক্টর করতে করতে টাইপস্ক্রিপ্ট শেখাটা দারুণ কাজে দিয়েছে আমার জন্য।
Наконец-то поняла, зачем нужны generics в TypeScript, объяснено на реальном примере рефакторинга.
Ce cours m'a vraiment aidé à comprendre comment migrer une application React existante vers TypeScript sans tout casser. La partie sur le typage des hooks personnalisés et des appels API est particulièrement bien expliquée. Seul bémol, la section sur les types génériques avancés mérite d'être revue une ou deux fois pour bien s'imprégner.
Endlich TypeScript wirklich verstanden, super Kurs.
জাভাস্ক্রিপ্ট থেকে টাইপস্ক্রিপ্টে যাওয়ার জন্য এই কোর্সটা বেশ কাজের, যদিও জেনেরিক্স অংশটা একটু দ্রুত মনে হয়েছে।
Questo corso affronta un problema reale: come convertire un'app React scritta in JavaScript puro in TypeScript senza impazzire. Mi è piaciuto molto l'approccio pratico, si parte da un progetto già esistente e lo si rifattorizza pezzo per pezzo, aggiungendo tipi alle props, agli hook e alle chiamate API. La parte sui generics è spiegata bene anche se richiede un po' di attenzione extra se non si ha già familiarità con TypeScript. L'unico difetto è che alcune sezioni sui tipi più avanzati per Redux vanno un po' di fretta, ma nel complesso è un corso che consiglio a chi vuole fare il salto da JS a TS in modo concreto.
Akhirnya paham cara refactor ke TypeScript.
Refactorizar mi app de React a TypeScript dejó de darme miedo; ahora tipar props y estados me resulta hasta intuitivo.
المتعلمون أخذوا أيضًا
🎓 بشهادة
تطوير تطبيقات الويب مع Hooks و Redux
شهادة
تطبيق عملي
SR 50.00
→
🎓 بشهادة
تطوير Vue.js لتطبيقات الويب الحديثة
شهادة
تطبيق عملي
SR 50.00
→
🏆 الأكثر شعبية
🎓 بشهادة
مشروع React.js: بناء موجز اجتماعي باستخدام TypeScript
شهادة
تطبيق عملي
SR 50.00
→
🏆 الأكثر شعبية
🎓 بشهادة
مشروع التخرج لتطبيق JavaScript كامل المكدس
شهادة
تطبيق عملي
SR 50.00
→
الأسئلة الشائعة
ما الذي أحتاجه لأخذ هذه الدورة؟ +
يكفي هاتف أو كمبيوتر متصل بالإنترنت. بدون تثبيتات أو أجهزة خاصة.
كيف يمكنني الدفع؟ +
بالبطاقة عبر Stripe. لا نخزن بيانات البطاقة — يتولى Stripe ذلك بأمان.
هل يمكنني استرداد المال؟ +
نعم — استرداد كامل خلال 14 يومًا، دون أسئلة.
إلى متى يستمر وصولي؟ +
إلى الأبد. بمجرد الشراء، الدورة لك تعود إليها متى شئت.
هل سأحصل على شهادة؟ +
نعم. عند الإتمام ستحصل على شهادة يمكنك إضافتها إلى ملفك في LinkedIn.
مصمَّم للعاملين في
التقنية
التصميم
المالية
التسويق
الرعاية الصحية
التعليم
الضيافة
التصنيع