از React، Vue و Svelte

اگر با React، Vue یا Svelte رابط ساخته‌اید، بیشترِ آنچه $mol انجام می‌دهد را از پیش می‌فهمید — فقط نام‌ها فرق دارند. این فریم‌ورک‌ها به دلایلِ خوبی عالی و محبوب‌اند؛ این صفحه یک جدولِ ترجمه است، نه یک رقابت، تا کمک کند سریع احساسِ راحتی کنید.

نقشهٔ مفاهیم

ایدهReactVueSvelte$molکامپوننتتابع / کلاسSFC (.vue)فایلِ .svelte.view.tree + .view.tsوضعیتِ محلیuseStateref / reactivelet x@ $mol_memمقدارِ مشتقuseMemocomputed$: y = …@ $mol_mem (سلول‌های دیگر را می‌خواند)اثرِ جانبیuseEffectwatchEffect$: { … }@ $mol_action (صریح، هرگز خودکار نیست)بارگذاریِ داده هنگام mountuseEffect(fetch)onMounted(fetch)onMount(fetch)بدونِ هوک: داده را در یک ویژگی بخوانید، نما هنگام رندرشدن درخواستش می‌کندPropspropspropsexport letاتصال‌ها در view.treeرویدادonClick@clickon:clickclick? <=> handler?ورودیِ دوطرفهورودیِ کنترل‌شدهv-modelbind:valuevalue? <=> field?فهرستitems.map()v-for{#each}Row*ِ کلیددارشرطcond && …v-if{#if}برای حذف، null انتساب دهیدوضعیتِ مشترکRedux / ContextPinia / providestore‌هاهر شیئی با @ $mol_memمسیریابیReact RouterVue RouterSvelteKit$mol_state_argاستایل‌دهیCSS-in-JS<style>ِ اسکوپ‌دار<style>.view.css.tsِ نوع‌دار

چیزهایی که معمولاً تازه به نظر می‌رسند

تو حل می‌کنی یا فریم‌ورک

تفاوت عمیق‌تر در واژگان بالا نیست — بلکه در این است که چه کسی مشکلات تکرارشونده را حل می‌کند. در React، Vue یا Svelte بیشتر آن‌ها الگوهایی هستند که در هر کامپوننت دوباره پیاده‌سازی می‌کنی و به شیوهٔ خودت خراب می‌کنی. در $mol آن‌ها ویژگی‌های یک سازوکار واحد هستند، بنابراین کل این دسته از کار به‌جای گرفتن یک API بهتر، ناپدید می‌شود.جایی که جدول بالا فقط چیزها را تغییر نام می‌دهد، اینجا جایی است که $mol واقعاً آن‌ها را حذف می‌کند.

ترجمه را بیازمایید

سریع‌ترین راه برای درونی‌کردنِ این تناظر، نوشتنِ کمی از هر دو است:

زمین بازی را باز کنید، یک کامپوننتِ کوچکی را که می‌شناسید منتقل کنید و ببینید چطور می‌نشیند. یا از

شروعِ کار آغاز کنید.وقتی سطری از جدول چیزی را که به آن تکیه دارید تغییرِ نام می‌دهد،

مدل ذهنی ایدهٔ پشتِ نامِ تازه را توضیح می‌دهد، و اینکه چرا هوکی که دنبالش می‌گردید آنجا نیست.ویرایش این صفحه در GitHubآیا این مفید بود؟بلهخیرقبلیویترین بعدیکتابِ آشپزیدر این صفحهنقشهٔ مفاهیم چیزهایی که معمولاً تازه به نظر می‌رسند تو حل می‌کنی یا فریم‌ورک ترجمه را بیازمایید