Как стать автором
Обновить

Натальная травматология фронтенда S1 E1-14

Уровень сложностиПростой
Время на прочтение3 мин
Количество просмотров6.6K

Здравствуйте, меня зовут Дмитрий Карловский, и меня хлебом не корми, а дай поиздеваться над хайповыми технологиями. И сейчас я расскажу вам, как провёл лето.

В этом сезоне ко мне на операционный стол попались разные JS, CSS и тест фреймворки да методологии, менеджеры состояний и потоков исполнения, коллекции виджетов и даже приложений. Приготовьтесь, далее вас ждёт целых 32 часа отборного кринжа!

50 оттенков бешенного молера
50 оттенков бешенного молера

View-фреймворк Svelte

Легковесное ядро с шустрой реактивностью, но...

  • Не перехваченное исключение ломает всё приложение.

  • Отслеживание изменений ломается на мутациях, отличных от присвоения.

  • При компиляции код компонента раздувается на порядок.

  • Две модели реактивности, работающие по разным принципам, суммирующие недостатки друг друга.

Ускоритель рендеринга Million.js

В 3 раза (на 70%) быстрее React, но...

  • У вас не должно быть логики в компонентах.

  • Вы не должны использовать компоненты.

  • У вас будет куча WTF ограничений.

  • У вас не будет статической типизации.

Фронтенд-фреймворк SolidJS

Мелкозернистая pull‑реактвность, но...

  • Система реактивности капитально ломается при исключениях.

  • ErrorBoundary перехватывают не все исключения.

  • Memo вычисляются когда они никому не нужны.

  • Без обмазывания batch‑ами, эффекты (включая полную актуализацию DOM) вызываются для грязного состояния.

Финал стрима не записался, да.

Система ленивой реактивности Vue

Мелкозернистая ленивая реактивность, но...

  • При всплытии исключения компонент просто исчезает.

  • Нет отсечения эквивалентных изменений.

  • Неконсистентное состояние при циклических зависимостях.

Система интенсивной реактивности Nano Stores

Крайне малые размеры, но..

  • Лишние вычисления и сайд‑эффекты.

  • Медленная работа: и архитектурно, и по реализации.

  • Только статические зависимости с ручным приводом.

  • Нестабильность поведения.

Транзакционное хранилище Redux

Централизованный сериализабельный тайм‑тревел, но...

  • Много бойлерплейта с кишками наружу.

  • Врут про undo/redo.

  • Утечки памяти by design.

  • Тормоза на больших проектах.

  • Сложно переиспользовать свой код.

  • Требует кучи тяжёлых костылей.

Декомпозитор логики Effector

Столько обещаний, но...

  • Линейная бизнес‑логика превращается в лапшу.

  • Много бойлерплейта с ручным приводом.

  • Деградация производительности по мере роста приложения.

  • Нестабильная работа при возникновении исключения.

  • Легко допустить конфликт инвариантов, который приводит к дребезгу, неконсистентности или даже зависанию.

Файловая архитектура Feature Slices Design

Стандартизированная декомпозиция, но...

  • Распыление каждой бизнес‑фичи по всему проекту.

  • Нечёткие сомнительные правила.

  • Тонны бойерплейта на синглтонах.

  • Ограниченная масштабируемость и гибкость.

Тестовый фреймворк Jest

Запуск тестов параллельно с мокнутыми импортами, но..

  • Медленное исполнение каждого теста.

  • Врут про Zero Config.

  • Развесистый сложный API.

  • Заточка под модульные тесты вместо компонентных.

  • Красивые отчёты не помогают в отладке.

MPA-фреймворк Qwik

Быстро что‑то показывает, но...

  • Тупит на простых действиях из‑за дозагрузки.

  • Полурабочее состояние при нестабильном соединении.

  • Отзывчивость сильно зависит от загруженности сети и сервера.

  • Состояние гонки реакций на действия пользователя.

  • Полностью ломается в оффлайне.

SSR-фреймворк Astro

Классные метрики, но...

  • Тормоза и глюки в дев‑режиме.

  • Сетевые задержки при любой навигации.

  • Падение при лагающей/потерянной сети.

CSS-фреймворк TamaGUI

Столько всего обещает, но...

  • Много весит.

  • Адски тормозит.

  • Много копипасты.

  • Отвратительный UX.

  • Слабая кастомизируемость.

Библиотека компонент QUASAR

Богатый набор компонент, но..

  • Медленная работа.

  • Огромный вес.

  • Слабая кастомизируемость.

  • Сомнительные практики.

Экосистема TS-фреймворков $mol

Чёрная магия, заставляющая всех страдать и плакать кровавыми слезами, но:

  • Нет хайпа в твиттере!

  • Нет секси‑лендинга!!

  • Нет документации!!!

Продолжение следует

Спасибо за внимательное терпение! А пока вы ждёте следующего сезона, предлагаю обсудить текущий на форуме Гипер Дев. А если совсем уж не терпится увидеть следующий, то приманить его рублём, и предложить очередную жертву в комментариях.


Актуальный оригинал на $hyoo_page.

Только зарегистрированные пользователи могут участвовать в опросе. Войдите, пожалуйста.
Какой эпизод вы порекомендовали друзьям?
11.9% Svelte5
4.76% Million.js2
14.29% SolidJS6
33.33% Vue14
16.67% Nano Stores7
16.67% Redux7
23.81% Effector10
26.19% FSD11
9.52% Jest4
4.76% Qwik2
7.14% Astro3
4.76% TamaGUI2
11.9% QUASAR5
28.57% $mol12
Проголосовали 42 пользователя. Воздержались 70 пользователей.
Теги:
Хабы:
Если эта публикация вас вдохновила и вы хотите поддержать автора — не стесняйтесь нажать на кнопку
Всего голосов 40: ↑22 и ↓18+9
Комментарии47

Публикации

Истории

Работа

Ближайшие события

27 августа – 7 октября
Премия digital-кейсов «Проксима»
МоскваОнлайн
14 сентября
Конференция Practical ML Conf
МоскваОнлайн
19 сентября
CDI Conf 2024
Москва
20 – 22 сентября
BCI Hack Moscow
Москва
24 сентября
Конференция Fin.Bot 2024
МоскваОнлайн
25 сентября
Конференция Yandex Scale 2024
МоскваОнлайн
28 – 29 сентября
Конференция E-CODE
МоскваОнлайн
28 сентября – 5 октября
О! Хакатон
Онлайн
30 сентября – 1 октября
Конференция фронтенд-разработчиков FrontendConf 2024
МоскваОнлайн
3 – 18 октября
Kokoc Hackathon 2024
Онлайн