مقدمة إلى Preact

Preact هي مكتبة JavaScript خفيفة الوزن تُعتبر بديلاً لـ React، تم تطويرها بواسطة Jason Miller. تُستخدم لبناء واجهات مستخدم تفاعلية بحجم صغير جدًا (حوالي 3 كيلوبايت)، مما يجعلها مثالية للتطبيقات التي تتطلب أداءً عاليًا وتحميلًا سريعًا. تشبه Preact إلى حد كبير React في واجهة البرمجة (API) ودعم JSX والـ Hooks، لكنها تستخدم أحداث المتصفح المدمجة بدلاً من نظام أحداث خاص. تدعم Preact التوافق مع مكونات React باستخدام طبقة توافق (Compat Layer)، مما يجعلها خيارًا رائعًا للمطورين الذين يريدون الانتقال من React أو بناء تطبيقات خفيفة.

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

• حجم صغير: حوالي 3KB فقط، مما يجعله سريع التحميل.
• متوافق مع React: يمكن استخدام معظم ميزات React و Hooks.
• أداء عالي: يستخدم Virtual DOM فعال وسريع.
• بسيط وسهل: لا يتطلب أدوات بناء معقدة للبدء.

التثبيت

💻 مثال لمكون بسيط

    
import { render } from 'preact';
import { useState } from 'preact/hooks';

function Counter() {
const [value, setValue] = useState(0);
return (
  <div>
    <p>العدد: {value}</p>
    <button onClick={() => setValue(value + 1)}>زيادة</button>
  </div>
);
}

render(<Counter />, document.body);

  

🔗 روابط مفيدة

• الموقع الرسمي لـ Preact
• دليل البدء السريع