📖 مقدمة

📚 المشاريع — seraJs

🔗(محفظة الأعمال)[https://seraprogrammer.github.io/seraportfolio/]

🔗(مدونة تجريبية)[https://seraprogrammer.github.io/serajsBlogsDemo/]

npx degit sera-js/template my-app
cd my-app

سيرا جي إس هي مكتبة جافاسكريبت تفاعلية خفيفة الوزن تعتمد على "الإشارات" لبناء واجهات مستخدم ديناميكية.

بحجم 969 بايت فقط مضغوط و 135 سطرًا فقط من الكود، تعتبر مكتبة تفاعلية لواجهات المستخدم خفيفة للغاية — حيث تقدم قوة التفاعلية مع أقل استهلاك للموارد.

⚡️ _تركز سيرا جي إس على البساطة والأداء دون التضحية بتجربة المطور._

مقارنة حجم الحزمة (مصغر + مضغوط)

| المكتبة | الحجم (مضغوط) | الحاجة لخطوة بناء | الغرض الرئيسي | الميزات الأساسية | |---------|---------------|-------------------|----------------|------------------| | SeraJS | 1.25 كيلوبايت | اختياري 😎 | واجهات تفاعلية | 135 سطر كود، خفيفة للغاية | | React | ~40 كيلوبايت | نعم | مكونات واجهة المستخدم | DOM افتراضي، هيكلية معتمدة على المكونات، JSX | | Vue | ~33 كيلوبايت | اختياري | إطار تدريجي | ربط بيانات تفاعلي، نظام المكونات، مكونات ملف واحد | | Solid.js | ~7 كيلوبايت | نعم | واجهات تفاعلية | بدون DOM افتراضي، قوالب مترجمة، تفاعلية دقيقة | | Alpine.js | ~7.1 كيلوبايت | لا | إطار خفيف | تلاعب DOM محدود، بناء جمل تصريحي، يعمل مع HTML الموجود | | Preact | ~4 كيلوبايت | نعم | بديل React | متوافق مع React API، حجم أصغر، أداء أسرع | | htmx | ~14 كيلوبايت | لا | تحسينات AJAX | سمات HTML لـ AJAX، جافاسكريبت قليلة، مناسب للتصيير الخادمي |

---

⚙️ المفاهيم الأساسية

🔄 تفاعلية قائمة على الإشارات

تستخدم سيرا جي إس نظام إشارات تفاعلي، وهو نهج حديث لإدارة الحالة يُمكّن من تحديثات فعّالة:

• 🧠 الإشارات

قيم تفاعلية مستقلة تُخطر المشتركين عند تغيرها.

• 🌀 التأثيرات

دوال تعيد التنفيذ تلقائيًا عند تغير التبعيات (الإشارات).

• 🧭 ميمو

أداة حفظ النتائج مشابهة لـ React's useMemo، تُستخدم لتخزين نتيجة عملية حسابية اعتماداً على التبعيات التفاعلية لتجنب إعادة الحساب غير الضروري.

• 🔬 تحديثات دقيقة

يتم تحديث عناصر DOM المتأثرة فقط بتغيرات الحالة، مما يؤدي إلى إعادة رسم قليلة وأداء مرتفع.

💡 تم تصميم سيرا جي إس لتكون بديهية، سريعة، وسهلة الدمج في أي مشروع — مما يجعلها خيارًا مثاليًا لتطوير الواجهات الأمامية الحديثة.

لماذا سيرا جي إس؟

تجمع سيرا جي إس بين أفضل ميزات مكتبات مثل React و Solid و Lit — حيث تدمج أنماطًا مألوفة مع نهج بسيط وجديد.

بحجم 1.25 كيلوبايت مضغوط و135 سطرًا فقط من الكود، تبقى هذه المكتبة التفاعلية خفيفة للغاية مع تقديم تفاعلية قوية.

سواء كنت تريد نظام بناء أو تفضل العمل بدون بناء، فإن سيرا جي إس تلبي رغبتك. فهي مرنة لتناسب أسلوب تطويرك — استخدمها كما تريد.

🌱 مثال أساسي على Sera.js

مثال بسيط يُظهر رسالة Hello World باستخدام Sera.js.

📄 App.jsx

import { h } from "serajs";
export default function App() {
  return (
    
Hello world
  );
}

بدون بناء، بدون تبعيات

--- Tranlated By Open Ai Tx | Last indexed: 2025-07-16 ---