Легкая библиотека для создания веб-компонентов ⚡️
Elena создаёт лёгкие веб-компоненты с progressive enhancement, ленивой гидратацией и поддержкой SSR.
Ариэль Салминен представляет Elena — open-source библиотеку для создания веб-компонентов, которые сначала работают на чистом HTML и CSS, а затем гидратация с JavaScript’ом.
Elena пытается решить типичные боли веб-компонентов: сдвиги layout’а, флешинга, проблемы с доступностью и сложности с SSR. При этом вес — всего ~2.6 кб.
Основные фичи:
- 🧩 Progressive enhancement из коробки — сначала HTML/CSS, потом JS
- ⚡️ Минимальный runtime (~2.6 кб)
- 💤 Ленивая гидратация (можно контролировать, когда компонент «оживает»)
- 🖥 SSR-friendly — корректно работает с серверным рендерингом
- 🎯 Фокус на доступности (a11y)
- 🧱 Чистые Web Components без обвязки фреймворками
Веб-компоненты становятся всё привлекательнее: порог входа снижается, старые проблемы постепенно решаются.
А у вас был опыт построения приложений полностью на веб-компонентах? Как ощущения после React/Vue — норм или боль?