smalljs$molПоиск⌘ KДокументацияПесочницаСравнениеЭкосистемаО проектеRU
Из React, Vue и SvelteGetting StartedВведениеМентальная модельБыстрый стартОт TypeScript к view.treeСтруктура проектаИнструментарийEssentialsУстановкаВьюСостояние и реактивностьРоутингРендерингТестированиеДеплойРешение проблемDataЗагрузка данныхСхемы данныхГипер БазаMoreВитринаИз React, Vue и SvelteСборник рецептовAdvancedПлагиныМетаданные модуляОфлайнGhost-вьюAboutЧастые вопросыКомандаРелизыAPI$mol_button_major$mol_button_minor$mol_string$mol_number$mol_text$mol_paragraph$mol_list$mol_row$mol_link$mol_check$mol_switch$mol_select$mol_scroll$mol_page$mol_pick

Из 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 (явный, никогда не автоматический)Загрузка данных при монтированииuseEffect(fetch)onMounted(fetch)onMount(fetch)хука нет: читайте данные в свойстве, вью запросит их, когда отрендеритсяПропсыpropspropsexport letсвязывания в view.treeСобытиеonClick@clickon:clickclick? <=> handler?Двустороннее полеcontrolled inputv-modelbind:valuevalue? <=> field?Списокitems.map()v-for{#each}ключевое Row*Условиеcond &&v-if{#if}присвоить null, чтобы убратьОбщее состояниеRedux / ContextPinia / providestoresлюбой объект с @ $mol_memРоутингReact RouterVue RouterSvelteKit$mol_state_argСтилиCSS-in-JSscoped <style><style>типизированный .view.css.ts

Что обычно ощущается новым

Решаешь ты или решает фреймворк

Разница глубже, чем словарь выше — важно, кто решает повторяющиеся проблемы. В React, Vue и Svelte это паттерны, которые ты переписываешь в каждом компоненте и по-своему ломаешь. В моле это свойства одного механизма, поэтому целый класс работы не получает удобный API, а просто исчезает.Где таблица выше переименовывает — тут мол это просто убирает.

Попробуйте перевод

Быстрее всего усвоить соответствие — написать немного и того, и другого: откройте Песочницу, перенесите небольшой знакомый компонент и посмотрите, как он ложится. Или начните с Быстрого старта.Когда строка таблицы переименовывает то, на что вы опирались, Ментальная модель объясняет идею за новым именем и почему того хука, который вы ищете, здесь нет.
Редактировать эту страницу на GitHubБыло полезно?ДаНетНазадВитринаВперёдСборник рецептов
На этой страницеКарта концепцийЧто обычно ощущается новымРешаешь ты или решает фреймворкПопробуйте перевод
Type to search the documentation.