Comments 25
Пешы ищо, аффтар.
Главный минус - он некрасивый.
Здесь работает та самая фраза про самолет, которая приписывается то Туполеву, то Антонову.
Судьба Мола - быть не понятым современниками. А может, ещё и потомками.
Вижу статью про $mol - не читая, сохраняю в закладки, чтобы вернуться к комментариям позже. Вот где точно будет интересно. :)
“На $mol нет вакансий, а если будут — не найти специалистов.”
вакансий да, почти нет. Но можно начать новый проект в своей компании или в стартапе.
Чтобы, как уволишься, вакансия появилась, а специалистов так же не было.
Ещё и инвестиция своего времени шикарная: на человеческом фреймворке по экспертизе отстал, зато стал специалистом по молу.
Карьерный список вариантов после этого решения будут выглядеть как-то так:
✅ Вебкам
✅ Закладки (в браузере)
❌ IT
По серпинскому. Это что за магия? я уже не говорю про остальной код реакт примера.
Вот вывод нейрослопа. Потому что самому больно в глазах было смотреть на то, как пишут на реакте.
Скрытый текст
Страница лагает намеренно, чтобы демонстрировать, как React Fiber (экспериментальный на тот момент) справляется с долгими операциями, прерывая их и отдавая приоритет анимации. Это был тестовый пример, а не ошибка. На современных системах он всё равно будет тормозить, потому что while блокирует поток выполнения независимо от мощности процессора.
Реализация на более актуальном Реакте доступна тут: https://mol.hyoo.ru/#!section=bench/bench=sierp
Написана она не помню кем, возможно даже самим Дэном Абрамовым. Агент мола в стане реакт, не иначе.
Один и тот же сценарий, одно и то же железо. Исходники обеих демок.
В исходниках есть только файбер и реакт, исходников на $mol нет, а есть только ссылка на демо. В коде страницы $mol-демо есть нерабочая ссылка не репозиторий демки https://github.com/hyoo-ru/mam_mol/tree/master/perf/serp, с тех пор имя поменялось на sierp. Код реакт демок 9-летней давности (файбер был еще в виде концепта что ли тогда), а код $mol - 7-летней.
Вот этого места я вообще не вкурил (stack.html):
var slowDown = true;
if (slowDown) {
var e = performance.now() + 0.8;
while (performance.now() < e) {
// Artificially long execution time.
}
}Если поставить false то анимация не тормозит. Это типа файбер должен был по задумке этот цикл прервать?
Ломаем {a}, и падает {b}:
Вписал a?.toFixed(2) - все поехало даже при "сломанном". Не знаю, что там slelte внутри делает, граыф там у него или нет, не работал. Объяснение chatgpt: "Svelte обновляет компонент, используя компилятор. Вместо того чтобы использовать виртуальный DOM (Virtual DOM) в браузере, Svelte анализирует шаблон (HTML-разметку) на этапе сборки и генерирует JS-код, который напрямую и «точечно» изменяет реальный DOM при изменении данных". Если это так, то там просто plain код, который обновляет состояние шаблона. Дешево и сердито. Пример искусственный, можно сказать.
давнишний пример, да, там выше человек разобрал
про свелт не знал, прикольно
Это типа файбер должен был по задумке этот цикл прервать?
Нормальные фреймворки этот код лишний раз не вызывают, поэтому и не тормозят.
Вписал
a?.toFixed(2)- все поехало даже при "сломанном".
Этот пример показывает как легко получить исключение на проде, и как разваливает приложение в этом случае.
Нормальные фреймворки этот код лишний раз не вызывают, поэтому и не тормозят.
Скажу больше: если этот бредовый код не писать, то и "ненормальные" его не вызовут.
Этот пример показывает как легко получить исключение на проде, и как разваливает приложение в этом случае.
Не знаю, изолирует ли svelte отрисовку отдельных компонентов или нет, нейронка говорит, что да, ну предположим, что да. Тогда я бы препочел, чтобы этот компонент вообще не отрендерился, а не рендерился частично. Дело вкуса. Вам - частичное хз что, мне - лучше явная ошибка (желательно, чтобы как-то отображенная, но это дело техники).
Чем меньше у человека мозгов, тем больше он говорит. Почитайте этот материал, когда остыните.
Как ведёт себя Svelte можете узнать тут. Учитесь пользоваться своей головой, а не делегировать умственную деятельность нейронкам.
А вариантов с CSS кроме встроенного никаких нет? Например, готовые классы из того же Tailwind получается совершенно не реально?
не так давно обсуждали, по идее можно добавить, но тогда ломается разделение ( декларативности логики и стилей )
как вариант можно сырой css писать ( он работает и был раньше чем типизированный )
еще вариант свой набор токенов\сss переменных завести
но если хочется затащить тавлинд то по сути, энтузиасту эта задача по зубам
вот ответ от нейнонки
Подключаешь Tailwind глобально
В index.html модуля либо через raw .view.css с @import “tailwindcss”. CDN-вариант для быстрой пробы:
Пробрасываешь class через attr *
В view.tree у любого компонента можно объявить attr * class …:
$my_card $mol_view
attr *
^ class \flex gap-2 items-center p-4 rounded-lg bg-white shadow
Когда блокчейн будет на $mol?) Карловский про web4 что-то там говорил…
Почему $mol?