إطار عمل جديد لـ TypeScript يكتسب شعبية: ما يحتاج المطورون معرفته

إطار عمل جديد لـ TypeScript يكتسب شعبية

عالم تطوير الواجهات الأمامية يهتز مجددًا بخبر: إطار عمل جديد لـ TypeScript يظهر في السوق، ويُوصف بالفعل بأنه المنافس الرئيسي لـ React و Vue.js. المشروع، الذي يحمل اسم “NovaTS” (اسم عملي)، جمع خلال الأشهر الثلاثة الأولى منذ إصداره العام أكثر من 25,000 نجمة على GitHub ويُناقش بنشاط في المجتمعات المهنية.

الميزة الرئيسية لـ NovaTS هي الدعم المدمج للعرض الهجين والتكامل من الدرجة الأولى مع TypeScript دون أي إعدادات إضافية. على عكس العديد من الحلول الحالية حيث يُضاف TypeScript كطبقة إضافية، فهو هنا جزء لا يتجزأ من النواة.

الميزات الرئيسية لـ NovaTS

• الكتابة التلقائية للمكونات — يقوم الإطار تلقائيًا باستنتاج أنواع الخصائص والحالات والأحداث بناءً على تعريف المكون. وهذا يقلل من كمية الكود النمطي بنسبة 40%.
• بيئة تشغيل بدون إعدادات — لا حاجة لإعداد tsconfig أو webpack أو Babel. يستخدم الإطار مُجمّعًا خاصًا به يعتمد على SWC، وهو أسرع بـ 20 مرة من TSC القياسي.
• العرض الهجين — يمكن عرض نفس المكون على الخادم (SSR) وعلى العميل (CSR)، وحتى بشكل جزئي (streaming SSR) دون تغيير الكود.
• دعم مدمج للإشارات — يتم تحقيق التفاعلية من خلال الإشارات الأصلية، مما يعطي زيادة في الأداء تصل إلى 30% مقارنة بـ Virtual DOM.

لماذا هذا مهم لمجتمع TypeScript؟

تقليديًا، يواجه مطورو TypeScript مشكلة حيث يؤدي نظام الأنواع القوي إلى إبطاء التطوير بسبب الحاجة إلى وصف الأنواع يدويًا. NovaTS يحل هذه المشكلة على مستوى الإطار. على سبيل المثال، عند كتابة مكون:

// React (النهج التقليدي)interface Props {  name: string;  age: number;}const Greeting: React.FC<Props> = ({ name, age }) => ...

في NovaTS، يبدو نفس الكود أكثر إيجازًا، حيث يتم استنتاج الأنواع تلقائيًا:

// NovaTSconst Greeting = ({ name, age }: { name: string; age: number }) => ...

المقارنة مع قادة السوق

• React + TypeScript — يتطلب كتابة أنواع يدويًا لجميع المكونات وإعدادات إضافية لتكوين الأنواع.
• Vue 3 + TypeScript — دعم محسّن، لكنه لا يزال يتطلب المُزيّنات (decorators) أو defineComponent.
• NovaTS — TypeScript جاهز فورًا، لا حاجة لمكتبات أو إضافات إضافية.

وفقًا لبيانات المقاييس التي نشرها فريق المطورين، يتفوق NovaTS على React بنسبة 25% في سرعة العرض وبنسبة 15% في وقت تحميل الصفحة عند استخدام SSR. وهذا يجعله جذابًا بشكل خاص للمشاريع عالية التحميل والشركات الناشئة حيث كل ملي ثانية لها أهميتها.

الآفاق والمجتمع

بالفعل، يتشكل مجتمع نشط حول NovaTS. تم إصدار إضافات لـ Vite و Webpack، بالإضافة إلى مجموعة من المكونات الجاهزة لـ Material Design. يعد المطورون بإصدار نسخة مستقرة 1.0 ووثائق كاملة باللغة العربية في الأشهر القادمة.

للأغراض التعليمية، يمكن أن يكون NovaTS أداة ممتازة: فهو يخفض حاجز الدخول للمبتدئين الذين يتعلمون TypeScript، ويسمح لهم بالتركيز على منطق التطبيق