كن واضحاً 🙄

إذا كنت تعمل مع React وتواجه مشاكل في استدعاء المكونات أو الموارد، فلا داعي للعودة خطوة إلى الخلف واستخدام '..' للوصول إلى الجذر الرئيسي. الحل الأفضل 💡 هو استخدام الرمز '@' للإشارة مباشرة إلى جذر المشروع 😍

كيف يمكن تحقيق ذلك؟ 🤔 (يمكنك التحقق من الصور لفهم آلية ذلك)

1️⃣ - قم بتعديل ملف jsconfig.json أو tsconfig.json (حسب بيئة العمل الخاصة بك).

2️⃣ - أضف تعريفاً للمسارات بحيث تشير لأن أي مسار عبارة عن @/* يندرج في مسار الجذر

هل يعمل مع vite أيضاً 👀 ؟

بالطبع لكن عليك تعريف الاسم المستعار '@' على أنه يعود لمسار الجذر

الآن يمكنك استدعاء المكونات والملفات بسهولة 😍 مثل:

import MyComponent from '@/components/MyComponent';

بهذه الطريقة يصبح الكود أنظف وأكثر تنظيمًا، كما أن التنقل بين الملفات يصبح أسرع وأسهل ✅

ابدأ باستخدام هذا الميزة اليوم لجعل مشروعك أكثر كفاءة ومرونة!

#React #CodingTips #CleanCode #FrontEnd #TypeScript