$mol Getting started

В сфере искусственного интеллекта произошло заметное событие. cmyser 29 минут назад $mol Getting started Простой 4 мин 768 $mol * Подготовка технической документации * Туториал Приложения, которые работают офлайн, синхронизируются без бэкенда и весят ~140 KB brotli со всем включённым. Реактивность, хранилище и UI приезжают одним стеком: ты пишешь приложение, а не собираешь фреймворк из чужих библиотек. К концу этого руководства у тебя будет настоящее приложение на $mol с офлайном, темами и локальным хранилищем, развёрнутое локально и собранное одной командой.

Минут за десять, если терминал и редактор уже под рукой. Что получится в итогеЗапущенное приложение, в котором уже есть то, что обычно прикручиваешь потом:установка как PWA и офлайн-режим,локальное хранилище с бесконфликтной синхронизацией (без серверного кода с твоей стороны),светлая и тёмная темы с переключателем,клиентский роутинг,GitHub Action для деплоя на Pages. Всё это даёт скаффолдер.

Технические детали

Дальше поменяешь одну строку и увидишь, как оно само пересчитывается. В сборку попадают только те модули, на которые ссылается твой код. dependencies руками никто не ведёт.

Поднять рабочее пространство и dev-серверgit clone . /mam && cd mam npm install && npm start прямо в этом же терминале и процессе запустим гипер базу image+ giper/baza/app/run port=9090 mam работает как монорепо-воркспейс из независимых модулей. Твоё приложение живёт в нём как пара файлов в собственном неймспейсе, а в бандл попадут только модули, до которых дотянулся твой код.

Dev-сервер на собирает каждый бандл по запросу. Сгенерировать приложение (одна команда)Из папки mam создай проект. Выбери свой неймспейс и имя приложения, например my/hello:npm create view-tree-lsp@latest my/hello -- --no-docker --no-tauri Команда создаёт готовое работающее приложение в .

Отраслевые последствия

/my/hello/:my/hello/ ├── app/ │ ├── index. html # веб-точка входа │ ├── app. tree # декларативное описание компонента │ ├── app.

ts # поведение │ ├── app. ts # стили (типизированный CSS-in-TS) │ ├── app. tree # офлайн установка │ └── app.

json ├── store/ │ └── store. ts # локальное хранилище ├── assets/logo. github/workflows/deploy.

Этот прогресс даёт важные сигналы о будущем отрасли, и технологический мир внимательно наблюдает.