Pokud jste stavěli rozhraní v Reactu, Vue nebo Svelte, většině toho, co $mol dělá, už rozumíte — jen názvy jsou jiné. Tyto frameworky jsou skvělé a populární z dobrých důvodů; tato stránka je překladová tabulka, ne soutěž, aby vám pomohla rychle se cítit jako doma.
PojemReactVueSvelte$molKomponentafunkce / třídaSFC (.vue)soubor .svelte.view.tree + .view.tsLokální stavuseStateref / reactivelet x@ $mol_memOdvozená hodnotauseMemocomputed$:y= …@ $mol_mem (čte jiné buňky)Vedlejší efektuseEffectwatchEffect$:{ … }@ $mol_action (explicitní, nikdy automatický)Načtení dat při připojeníuseEffect(fetch)onMounted(fetch)onMount(fetch)žádný hook: data čtete ve vlastnosti a pohled si o ně řekne, když se vykreslujePropspropspropsexport letvazby ve view.treeUdálostonClick@clickon:clickclick?<=>handler?Obousměrný vstupřízený vstupv-modelbind:valuevalue?<=>field?Seznamitems.map()v-for{#each}klíčovaný Row*Podmínkacond&& …v-if{#if}přiřadit null pro odebráníSdílený stavRedux / ContextPinia / providestoresjakýkoli objekt s @ $mol_memSměrováníReact RouterVue RouterSvelteKit$mol_state_argStylováníCSS-in-JSscoped <style><style>typované .view.css.ts
Hlubší rozdíl není ve slovníku výše — jde o to, kdo řeší opakující se problémy. V Reactu, Vue nebo Svelte jsou to většinou vzory, které v každé komponentě znovu implementuješ a po svém rozbíjíš. V $mol jsou to vlastnosti jednoho mechanismu, takže celá tahle třída práce zmizí, místo aby dostala hezčí API.Tam, kde tabulka výše věci přejmenovává, je $mol skutečně odstraňuje.