الإطار الأكثر إثارة لتطبيقات الويب

مرحبا! اسمي كيريل ، لقد تم تطوير الويب لأكثر من 8 سنوات. قبل بضعة أشهر بدأنا في تطوير مشروع جديد وكان لدينا مهمة للجبهة فائقة السرعة ، مع الحفاظ على كل متعة الأطر التفاعلية. تلبية إطار مثير!

---

لذا ، فإن إطار عمل مثير هو مترجم ومحلل جافا سكريبت تفاعلي لإنشاء واجهات مستخدم. على عكس الأطر الأخرى ، تم تصميم Sexy للاستفادة الكاملة من الإمكانات الأصلية لـ Javascript.

هذا يعني أن إطار العمل لا يعمل في وقت التشغيل. يقوم بجميع الأعمال الرئيسية في وقت التجميع. يحلل الإطار مكوناتك ويترجمها إلى لغة جافا سكريبت أصلية مع مقدار قليل جدًا من الحمل: أقصى وزن للحزمة هو 3.7 كيلوبايت فقط. (إذا تم استخدام جميع أنواع العرض والرسوم المتحركة وما إلى ذلك)

بشكل عام ، تم إنشاء إطار عمل مثير بالتزامن مع عرض الخادم ، حيث يعرض أفضل أرقام Google PageSpeed. على سبيل المثال ، قيمة FID (تأخير إدخال Fisrt) عند ترطيب 500 مكون ثابت تستغرق 50 مللي ثانية فقط ، عندما يكون NuxtJs 180 مللي ثانية ، و Svelte 500 مللي ثانية.

لن يكون هذا مهمًا جدًا إذا لم تكن حصة الأجهزة المحمولة على الإنترنت حوالي 68 ٪ ولم تكن مجرد تحسين محركات البحث.

يمكنك الآن استخدام نهج المكون واختبار المكونات العادي لمواقع الويب العادية أيضًا.

لماذا هو مثير جدا؟

1. لا يعمل في وقت التشغيل

يحدث معظم العمل على مستوى التجميع ، وينتهي بك الأمر باستخدام جافا سكريبت أصلي وفعال للغاية يسمح لك بإنشاء تطبيقات ويب سريعة.

2. لا يستخدم DOM الظاهري

مرة أخرى ، على عكس الأطر الأخرى ، يتم استخدام DOM الأصلي بدلاً من DOM الافتراضي.

3. لا مكتبات تفاعلية

Sexy , , , . ? . Sexy Javascript , .

4.

Sexy hydrate first. , , FID TTI. ( SSR) , 3 .

5.

Sexy Javascript , sexy- .

6.

, Sexy , - . … .

Sexy framework

Sexy :

1. – -

npx create-sexy-app sexy-app

npm run dev

2. – (webpack)

.

Sexy framework

alpha .

Vue, . .

, core- .