معلومات عن TypeScript قد تهمك
حيث TypeScript هي لغة برمجة قوية ومتعددة الاستخدامات. إنها مناسبة للمطورين الجدد والمتقدمين على حد سواء. إذا كنت تبحث عن لغة برمجة JavaScript أكثر قوة وأمانًا ، فإن TypeScript هي خيار جيد.
#TypeScript #JavaScript #js #ts
@ByteSyria
حيث TypeScript هي لغة برمجة قوية ومتعددة الاستخدامات. إنها مناسبة للمطورين الجدد والمتقدمين على حد سواء. إذا كنت تبحث عن لغة برمجة JavaScript أكثر قوة وأمانًا ، فإن TypeScript هي خيار جيد.
#TypeScript #JavaScript #js #ts
@ByteSyria
❤4
كن واضحاً 🙄
إذا كنت تعمل مع React وتواجه مشاكل في استدعاء المكونات أو الموارد، فلا داعي للعودة خطوة إلى الخلف واستخدام '..' للوصول إلى الجذر الرئيسي. الحل الأفضل 💡 هو استخدام الرمز '@' للإشارة مباشرة إلى جذر المشروع 😍
كيف يمكن تحقيق ذلك؟ 🤔 (يمكنك التحقق من الصور لفهم آلية ذلك)
1️⃣ - قم بتعديل ملف jsconfig.json أو tsconfig.json (حسب بيئة العمل الخاصة بك).
2️⃣ - أضف تعريفاً للمسارات بحيث تشير لأن أي مسار عبارة عن @/* يندرج في مسار الجذر
هل يعمل مع vite أيضاً 👀 ؟
بالطبع لكن عليك تعريف الاسم المستعار '@' على أنه يعود لمسار الجذر
الآن يمكنك استدعاء المكونات والملفات بسهولة 😍 مثل:
بهذه الطريقة يصبح الكود أنظف وأكثر تنظيمًا، كما أن التنقل بين الملفات يصبح أسرع وأسهل ✅
ابدأ باستخدام هذا الميزة اليوم لجعل مشروعك أكثر كفاءة ومرونة!
#React #CodingTips #CleanCode #FrontEnd #TypeScript
إذا كنت تعمل مع React وتواجه مشاكل في استدعاء المكونات أو الموارد، فلا داعي للعودة خطوة إلى الخلف واستخدام '..' للوصول إلى الجذر الرئيسي. الحل الأفضل 💡 هو استخدام الرمز '@' للإشارة مباشرة إلى جذر المشروع 😍
كيف يمكن تحقيق ذلك؟ 🤔 (يمكنك التحقق من الصور لفهم آلية ذلك)
1️⃣ - قم بتعديل ملف jsconfig.json أو tsconfig.json (حسب بيئة العمل الخاصة بك).
2️⃣ - أضف تعريفاً للمسارات بحيث تشير لأن أي مسار عبارة عن @/* يندرج في مسار الجذر
هل يعمل مع vite أيضاً 👀 ؟
بالطبع لكن عليك تعريف الاسم المستعار '@' على أنه يعود لمسار الجذر
الآن يمكنك استدعاء المكونات والملفات بسهولة 😍 مثل:
import MyComponent from '@/components/MyComponent';
بهذه الطريقة يصبح الكود أنظف وأكثر تنظيمًا، كما أن التنقل بين الملفات يصبح أسرع وأسهل ✅
ابدأ باستخدام هذا الميزة اليوم لجعل مشروعك أكثر كفاءة ومرونة!
#React #CodingTips #CleanCode #FrontEnd #TypeScript