ابنِ واجهاتبتحديثات صريحةباستخدام nuclo.
إطار DOM صغير وآمن من حيث الأنواع. تظل الحالة عادية وقابلة للتغيير. أنت تتحكم في كل تحديث. بلا بروكسيات أو إشارات أو DOM افتراضي.
دورة واحدة صريحة.
قيم تعتمد على الحالة، بلا رسم اعتماديات أو مجدول. أنت تحدد وقت تشغيلها: مسار واحد متوقع من بياناتك إلى الشاشة.
- 01غيّر
غيّر بياناتك
الحالة هي JavaScript عادي: متغيرات ومصفوفات وكائنات. غيّرها كما تشاء وبالقدر الذي تريده.
todos.push(newTodo) user.name = 'Ada' - 02طبّق
استدعِ update()
تُطبّق دالة عامة واحدة تغييراتك. اجمع عدة تغييرات ثم طبّقها مرة واحدة. لا يُعرض شيء حتى تطلب ذلك.
update() - 03عدّل
يزامن Nuclo شجرة DOM
تُعاد معالجة كل تعبير ديناميكي. يكتب Nuclo في DOM القيم التي تغيرت بالفعل فقط. بلا مقارنة أشجار أو إعادة عرض.
// عُدّلت عقدتان، // وبقي كل شيء آخر كما هو
عندما تغيّر الحالة، لا يحدث شيء. استدعِ update()، وسينفذ Nuclo ما طلبته بالضبط، لا أكثر ولا أقل.الصريح أفضل من الضمني
لا توجد بروكسيات تتعقب كل تحركاتك. تغيّر الحالة ثم تستدعي
update(). تظل العلاقة بين السبب والنتيجة واضحة ومتوقعة.غيّر بحرية، وحدّث مرة واحدة
أجرِ عشرة تغييرات ثم استدعِ
update()مرة واحدة. لا يرى DOM سوى الحالة النهائية، فلا تضيع عمليات عرض بلا فائدة.دوال بدلًا من مكوّنات
ابنِ باستخدام دوال JavaScript عادية. لا يحتاج Nuclo إلى أصناف أو مزخرفات أو صياغة خاصة. تُرجع كل دالة عقد DOM. أضف
onMountوonDestroyكمعدّلات عادية عند الحاجة فقط.
مصمم للوضوح.
بلا سحر أو مفاجآت. كل تحديث مقصود.
- 01صريح
أنت تتحكم في دورة التحديث
غيّر بحرية ثم استدعِ
update()مرة واحدة. لا يحتاج Nuclo إلى اشتراكات أو مجدولات، ولا يفاجئك بمقارنة أشجار. يتزامن DOM عندما تقرر أنت. - 02خفيف
بلا اعتماديات خارجية
تبلغ النواة نحو 18.4 كيلوبايت بعد ضغط gzip. لا يحتاج Nuclo إلى مصرّف أو إضافات بناء. أضف استيرادًا واحدًا وابدأ البناء.
- 03محدد الأنواع
مصمم لـ TypeScript
يوفر 175 بانيًا لـ HTML وSVG بأنواع مكتملة إكمالًا تلقائيًا لكل سمة وخاصية تنسيق وحدث.
- 04دقيق
تعديلات دقيقة
تُعاد معالجة التعبيرات الديناميكية عند
update(). لا تُعدّل في DOM إلا القيم التي تغيرت بالفعل.
سريع حيث تهم السرعة.
هذه نتائج مستقلة من js-framework-benchmark لإنشاء آلاف الصفوف وتحديثها وتبديلها وحذفها.
- Nuclo0.2.241.12
- Solid1.9.31.13
- Svelte5.42.11.17
- Vue3.5.391.31
- Riot10.1.21.54
- React19.2.01.58
- Angular22.0.01.58
- Stencil4.23.01.81
- Ember7.3.0-alpha.52.06
- Knockout3.5.12.26
- Qwik1.11.03.29
ابدأ عندما تكون جاهزًا.
ثبّت Nuclo، واستورده مرة واحدة، وابنِ واجهات تُحدَّث عندما تطلب بالضبط. يمكنك تعلّم API بالكامل في فترة ما بعد الظهر.