Se hai costruito interfacce con React, Vue o Svelte, capisci già la maggior parte di ciò che fa $mol — solo i nomi sono diversi. Questi framework sono eccellenti e popolari per buone ragioni; questa pagina è una tabella di traduzione, non una competizione, per aiutarti a sentirti subito a casa.
IdeaReactVueSvelte$molComponentefunzione / classeSFC (.vue)file .svelte.view.tree + .view.tsStato localeuseStateref / reactivelet x@ $mol_memValore derivatouseMemocomputed$:y= …@ $mol_mem (legge altre celle)Effetto collateraleuseEffectwatchEffect$:{ … }@ $mol_action (esplicito, mai automatico)Caricare i dati al mountuseEffect(fetch)onMounted(fetch)onMount(fetch)nessun hook: leggi i dati in una proprietà, la vista li richiede quando si renderizzaPropspropspropsexport letbinding in view.treeEventoonClick@clickon:clickclick?<=>handler?Input bidirezionaleinput controllatov-modelbind:valuevalue?<=>field?Listaitems.map()v-for{#each}Row* con chiaveCondizionalecond&& …v-if{#if}assegna null per rimuovereStato condivisoRedux / ContextPinia / providestorequalsiasi oggetto con @ $mol_memRoutingReact RouterVue RouterSvelteKit$mol_state_argStileCSS-in-JS<style> con scope<style>.view.css.ts tipizzato
La differenza più profonda non è il vocabolario qui sopra — è chi risolve i problemi ricorrenti. In React, Vue o Svelte sono per lo più pattern che reimplementi in ogni componente e rompi a modo tuo. In $mol sono proprietà di un unico meccanismo, così l'intera categoria di lavoro scompare invece di ricevere un'API più gradevole.Dove la tabella qui sopra rinomina le cose, è qui che $mol le rimuove davvero.
