📖 مقدمه

📚 پروژه‌ها — seraJs

🔗(نمونه کارها)[https://seraprogrammer.github.io/seraportfolio/]

🔗(وبلاگ نمایشی)[https://seraprogrammer.github.io/serajsBlogsDemo/]

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

SeraJS یک کتابخانه‌ی جاوااسکریپت واکنشی مبتنی بر سیگنال و سبک است برای ساخت رابط‌های کاربری پویا.

با فقط ۹۶۹ بایت پس از فشرده‌سازی (gzipped) و تنها ۱۳۵ خط کد، این کتابخانه یکی از سبک‌ترین کتابخانه‌های رابط کاربری واکنشی است — که واکنش‌پذیری قدرتمندی را با کمترین سربار ارائه می‌دهد.

⚡️ _SeraJS بر مینیمالیسم و عملکرد بالا تمرکز دارد بدون آنکه تجربه

توسعه‌دهنده را قربانی کند._

مقایسه حجم بسته (Minified + Gzipped)

| کتابخانه | حجم (gzipped) | نیاز به Build | هدف اصلی | ویژگی‌های کلیدی | |----------|---------------|----------------|-----------|-----------------| | SeraJS | ۱.۲۵kb | اختیاری 😎 | رابط کاربری واکنشی | ۱۳۵ خط کد، فوق‌العاده سبک | | React | ~۴۰kb | بله | اجزای UI | Virtual DOM، معماری مبتنی بر کامپوننت، JSX | | Vue | ~۳۳kb | اختیاری | فریم‌ورک تدریجی | داده‌های واکنشی، سیستم کامپوننت، فایل‌های تک-کامپوننت | | Solid.js | ~۷kb | بله | رابط کاربری واکنشی | بدون Virtual DOM، قالب‌های کامپایل شده، واکنش‌پذیری دقیق | | Alpine.js | ~۷.۱kb | خیر | فریم‌ورک سبک | کمترین دستکاری DOM، سینتکس اعلامی، سازگار با HTML موجود | | Preact | ~۴kb | بله | جایگزین React | سازگار با API React، حجم کمتر، عملکرد سریع‌تر | | htmx | ~۱۴kb | خیر | بهبود AJAX | ویژگی‌های HTML برای AJAX، جاوااسکریپت حداقلی، سازگار با رندر سمت سرور |

⚙️ مفاهیم اصلی

🔄 واکنش‌پذیری مبتنی بر سیگنال

SeraJS از یک سیستم واکنشی مبتنی بر سیگنال استفاده می‌کند، رویکردی مدرن برای مدیریت وضعیت که به‌روزرسانی‌های کارآمد را ممکن می‌سازد:

🧠 سیگنال‌ها

مقادیر واکنشی مستقل که هنگام تغییر، به مشترکین اطلاع می‌دهند.

🌀 افکت‌ها

توابعی که به‌طور خودکار زمانی که وابستگی‌هایشان (سیگنال‌ها) تغییر می‌کند دوباره اجرا می‌شوند.

🧭 Memo

یک ابزار حافظه‌سازی مشابه React useMemo که برای ذخیره نتیجه یک محاسبه بر اساس وابستگی‌های واکنشی استفاده می‌شود تا از محاسبات غیرضروری جلوگیری کند.

🔬 به‌روزرسانی‌های دقیق

فقط عناصر DOM خاصی که تحت تأثیر تغییر وضعیت قرار می‌گیرند به‌روزرسانی می‌شوند، که باعث رندر مجدد حداقلی و عملکرد بالا می‌شود.

💡 SeraJS برای سادگی، سرعت، و ادغام آسان در هر پروژه طراحی شده است — و آن را به انتخابی عالی برای توسعه فرانت‌اند مدرن تبدیل می‌کند.

چرا SeraJS؟

SeraJS بهترین ویژگی‌های کتابخانه‌هایی مانند React، Solid و Lit را ترکیب می‌کند — و الگوهای آشنا را با رویکردی تازه و مینیمال در هم می‌آمیزد.

با فقط ۱.۲۵KB پس از فشرده‌سازی و تنها ۱۳۵ خط کد، این کتابخانه فوق‌العاده سبک باقی می‌ماند و همزمان واکنش‌پذیری قدرتمندی ارائه می‌دهد.

چه به سیستم Build نیاز داشته باشید و چه ترجیح دهید بدون Build کار کنید، SeraJS پاسخگوی نیاز شماست. این کتابخانه به اندازه کافی انعطاف‌پذیر است تا متناسب با سبک توسعه شما باشد — از آن به همان صورتی که شما می‌خواهید استفاده کنید.

🌱 نمونه ساده Sera.js

یک نمونه حداقلی که پیام Hello World را با استفاده از Sera.js نمایش می‌دهد.

📄 App.jsx

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

بدون نیاز به ساخت، بدون وابستگی



  
    Sera js 😎

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