أنهى الفريق المطور لإطار عمل Vue.js في الأيام الماضية انتظار المستخدمين للنسخة الرسمية من إصدار Vue 3 و التي ُتعرف بـ Composition API
وجاءت النسخة الجديدة بمزايا كثيرة ستنقل برمجة واجهات المستخدمين إلى مستوى آخر من المتعة 🔥
في هذه السلسلة سنتحدث عن أبرز تلك المزايا ⬇️
وجاءت النسخة الجديدة بمزايا كثيرة ستنقل برمجة واجهات المستخدمين إلى مستوى آخر من المتعة 🔥
في هذه السلسلة سنتحدث عن أبرز تلك المزايا ⬇️
❓ إذا كنت لا تعرف Vue فهو إطار عمل مفتوح المصدر مكتوب بلغة JavaScript يُستخدم لبناء واجهات المستخدمين وتطبيقات الصفحة الواحدة Single Page Apps
وإذا كنت مهتما بمزيد من التغريدات عن JavaScript أو Vue وغيره من أطر العمل، فلا تنسى متابعة هذا الحساب @LouayHamada
وإذا كنت مهتما بمزيد من التغريدات عن JavaScript أو Vue وغيره من أطر العمل، فلا تنسى متابعة هذا الحساب @LouayHamada
1⃣ تحسينات على مستوى الأداء
رغم أن حجم إصدار Vue 2 مضغوطا في وقت التشغيل لا يتجاوز 20 كيلو بايت، ستتمكن مع Vue 3 من استدعاء الأكواد التي تريدها من أي مكتبة دون استدعاءها بشكل كامل، ويمكن أن يصل حجمه إلى 12 كيلو بايت فقط ...
رغم أن حجم إصدار Vue 2 مضغوطا في وقت التشغيل لا يتجاوز 20 كيلو بايت، ستتمكن مع Vue 3 من استدعاء الأكواد التي تريدها من أي مكتبة دون استدعاءها بشكل كامل، ويمكن أن يصل حجمه إلى 12 كيلو بايت فقط ...
... كما ستلاحظ زيادة في سرعة الـ Rendering بفعل الخوارزمية الجديدة لتمثيل عناصر المستند الافتراضي Virtual DOM التي أضافت تحسينات كثيرة على الـ Compiler المسؤول عن تمثيل العناصر في المستند الحقيقي DOM
2⃣ الطريقة الجديدة "Composition API"
إحدى أكبر المشاكل التي واجهت المطورين مع Vue 2، كانت الضياع في ملف الـ Component عندما يزداد حجم الكود المكتوب بازدياد متطلباته، ما يجعل التعديل على الكود وصيانته أمرا مربكا ...
إحدى أكبر المشاكل التي واجهت المطورين مع Vue 2، كانت الضياع في ملف الـ Component عندما يزداد حجم الكود المكتوب بازدياد متطلباته، ما يجعل التعديل على الكود وصيانته أمرا مربكا ...
... وقد جاءت Composition API التي أصبح الإصدار يُعرف بها، بطريقة جديدة لكتابة وتوزيع الكود، بشكل يُسهل التعديل عليه وصيانته وحتى إعادة استخدامه بين عدة مكونات Components، وهو ما يعني سلاسة أكبر في بناء تطبيقاتك والتوسع فيها
3⃣ مكتوبة بـ TypeScript
وهي لغة برمجة مبنية على JavaScript وتعتمد على تعريف أنواع ثابتة للبيانات في تطبيقاتها، وقد استخدمت لكتابة الكود المصدري لـ Vue 3 بالكامل
وعلى الرغم من ذلك، فإنه كما في Vue 2، الخيار متاح لك تماما لكتابة تطبيقاتك بـ JavaScript أو TypeScript
وهي لغة برمجة مبنية على JavaScript وتعتمد على تعريف أنواع ثابتة للبيانات في تطبيقاتها، وقد استخدمت لكتابة الكود المصدري لـ Vue 3 بالكامل
وعلى الرغم من ذلك، فإنه كما في Vue 2، الخيار متاح لك تماما لكتابة تطبيقاتك بـ JavaScript أو TypeScript
4⃣ لا عنصر أب بعد الآن
لا يمكنك في Vue 2 أو غيرها من أطر عمل JavaScript مثل React.js كتابة Component دون أن تجمع كافة عناصره تحت عنصر واحد (أب لكل تلك العناصر)
هذا العنصر لم يعد مطلوبا في Vue 3
لا يمكنك في Vue 2 أو غيرها من أطر عمل JavaScript مثل React.js كتابة Component دون أن تجمع كافة عناصره تحت عنصر واحد (أب لكل تلك العناصر)
هذا العنصر لم يعد مطلوبا في Vue 3
5⃣ نقل المكونات Teleport
في بعض الأحيان تحتاج إلى نقل Component أو عنصر بداخلها إلى مكان آخر في تطبيقك، Component آخر أو إلى خارج الـ Div الحاوي لـ Vue، مثل صناديق الحوار Modals أو Popup التي تأتي عادةً بعد كل العناصر في الصفحة
هذا الأمر أصبح سهلا مع Teleport من Vue 3
في بعض الأحيان تحتاج إلى نقل Component أو عنصر بداخلها إلى مكان آخر في تطبيقك، Component آخر أو إلى خارج الـ Div الحاوي لـ Vue، مثل صناديق الحوار Modals أو Popup التي تأتي عادةً بعد كل العناصر في الصفحة
هذا الأمر أصبح سهلا مع Teleport من Vue 3
🏁كانت هذه لمحة سريعة عن بعض المزايا الجديدة لـ Vue 3 التي ستساعدك على بناء وتحكم سلس في تطبيقاتك مهما كان حجمها ومتطلباتها، يمكنك التعرف على المزيد بزيارة الموقع الرسمي v3.vuejs.org
وإن جربت الإصدار الجديد، أخبرنا عن تجربتك والمزايا التي أعجبتك فيه
وإن جربت الإصدار الجديد، أخبرنا عن تجربتك والمزايا التي أعجبتك فيه
جاري تحميل الاقتراحات...