smalljs$molجستجو⌘ Kمستنداتزمین بازیمقایسهاکوسیستمدربارهFA
میکروماژول‌های واکنش‌گرا

$mol — فریم‌ورک واکنش‌گرایمیکروماژولی​

واکنش‌گرایی در پیِ فریم‌ورک نهفته است، نه اینکه از بیرون به آن سنجاق شده باشد.آرایه‌های وابستگی، اشتراک‌های دستی، بی‌اعتبارسازی دستی کش، پاک‌سازی افکت‌ها — هیچ‌کدام اینجا وجود ندارند. آسان‌تر نشده‌اند، بلکه غیرضروری شده‌اند.شروع کنیدامتحان زمین بازیچرا $mol
view.tree$my_hello $mol_view guest \stranger sub / <= Name $mol_string value? <=> name? \mol hint @ \Type a name <= Greeting $mol_paragraph title <= greeting \view.tsclass $my_hello extends $.$my_hello { greeting() { return `Hello, ${ this.name() || this.guest() }!` }}view.css.tsnamespace $ { $mol_style_define( $my_hello, { gap: $mol_gap.block, flex: { direction: 'column' }, Greeting: { font: { size: '2rem', weight: 600 }, }, } )}→زندهHello, mol!سه فایل: نشانه‌گذاری، منطق و استایل‌ها.این نمونه را امتحان کنید
مینیمالاکوسیستمی که به‌تدریج قابل پذیرش است و از یک کامپوننت تا یک برنامه‌ی local-first تمام‌پشته مقیاس می‌گیرد.بهینهرابط‌های کاربری را به‌صورت درختی از کامپوننت‌ها بسازید. واکنش‌گرایی خودکار است و اثرات جانبی صریح.تنبلمجازی‌سازی کامل رندر — کامپوننت‌های خارج از ناحیه‌ی دید اصلاً وجود ندارند.ساختار

معماریِ میکروماژولیِ درست، از پیش

پروژه یعنی پوشه، پوشه یعنی مخزن، و فریم‌ورک کنارِ کدِ شما می‌نشیند نه داخلش. این چیدمان برای نخستین کامپوننت و برای شرکتی با سی پروژه یکی است.mam/ فضای کاری├── .meta.tree فهرست├── mol/ فریم‌ورک└── my/ بستهٔ شما ├── my.meta.tree فهرستِ شما └── hello/ پروژهٔ شما ├── index.html نقطهٔ ورود └── hello.view.tree نشانه‌گذاریپنج گام تا پروژهٔ خودتان1یک بار MAM را کلون کنید. این همان فضای کاری است که هر پروژه در آن زندگی می‌کند.git clone https://github.com/hyoo-ru/mam.git2برای خودتان یک پوشهٔ کوتاه بسازید و آن را به‌عنوان مخزن منتشر کنید.mam/my/3کنارش فهرستِ پروژه‌هایتان را بگذارید.my/my.meta.tree4پروژه را داخلش بسازید، با مخزنِ خودش.my/hello/5ثبتش کنید تا چک‌اوتِ تازه آن را با نام بیاورد.pack hello git \https://github.com/you/hello.gitچرا پروژهٔ شما مخزن خودش را داردپروژه چطور چیده می‌شود
مقایسهیک سناریو، کنار هم در React، Vue و $mol، زنده در مرورگر خودتان.باز کردن مقایسهشروع با $mol vs Reactمستنداتشروع سریعراهنماآموزشنمونه‌هاAPIدربارهپرسش‌های متداولتیمنسخه‌هامنابعزمین بازیدورهکامپوننت‌های رابط کاربریTelegramDEV Communityکتابخانه‌های رسمی$mol_wire$mol_fetch$mol_compare_deep$mol_state_arg$hyoo_crowdگیپر بازامنتشر شده تحت مجوز MIT.Copyright © 2026 smalljs
Type to search the documentation.