Size: a a a

Веб-компоненты

2021 May 17

R

Rustam in Веб-компоненты
ну и в принципе его можно написать с нуля. Надо только знать сам Redux
источник

A

Aleksey in Веб-компоненты
Я думал писать кастомную обертку между effector и Lit. Просто хотел проверить
источник

R

Rustam in Веб-компоненты
проще написать свой effector
источник

A

Aleksey in Веб-компоненты
мне кажется проще Lit свой написать чем effector) Это мощная тулза
источник

R

Rustam in Веб-компоненты
по поводу фкнции, что-то типа:

function( options ){
 return class Class1 extends LitElement{
   пропихнуть options
 }
}
источник

A

Aleksey in Веб-компоненты
я понял, спасибо
источник
2021 May 19

АР

Алексей Родионов... in Веб-компоненты
источник

АР

Алексей Родионов... in Веб-компоненты
Результаты опроса, проведённого мной в период с 10.05.21 по 16.05.21 включительно в коллективном Twitter-аккаунте @jsunderhood, на который подписано 10.1 тысяча пользователей:

https://twitter.com/jsunderhood/status/1391745927052890118
источник

VF

Valentin Fedyakov in Веб-компоненты
Обоснование прям... Нет слов
источник

VF

Valentin Fedyakov in Веб-компоненты
Лично я часто встречался, что ребята не видили смысл погружаться в WC т.к. это не востребован на рынке и оценивая эту технологию как альтернативу большой тройке
источник

АР

Алексей Родионов... in Веб-компоненты
Я старался не ввязываться в публичные срачи и кормить троллей. )

Довод о том, что веб-компоненты не нужны, потому что кто-то видите ли юзал их 2 года в продакшене, а теперь выпиливает, мне ни о чём не говорит. Это его личный опыт. У меня, например, другой опыт, я тоже несколько лет использовал веб-компоненты в продакшене и проблем не было.

Довод о том, что когда всё веб-приложение написано на фреймворке, то особого смысла использовать именно нативные веб-компоненты нет, так как в фреймворке уже есть свои компоненты — валидный.

Большинство не разрабатывает свои дизайн-системы или переиспользуемые компоненты, которые потом публикуют для всех. Поэтому нет смысла париться об интероперабельности.
источник

AA

Alina Anufrieva in Веб-компоненты
Мы сейчас разрабатываем дизайн-систему на Stencil, и возникли проблемы при интеграции. Проекты написаны на Ember, и при тестировании случается, что компоненты не проинициализированы и не отрендерены, соответственно, невозможно с ними взаимодействовать. Есть и другие проблемы, и стоим на распутье, продолжать дальше с WC через тернии или запилить библиотеку компонентов как Ember аддон.
источник
2021 May 20

DS

Den Sumbaev in Веб-компоненты
Привет, написал обёрту над библиотеками рендеринга типа lit-html и uhtml чтобы писать компоненты в функциональном стиле с react hooks. Использую в связке с самописным babel плагином для поддержки JSX.
Всё это дело существует исключительно как эксперимент 🙂
источник

A

Aleksey in Веб-компоненты
Круто, очень благодарен. Буду пробывать
источник

AY

Andrey Yamanov in Веб-компоненты
В целом это решаемо. Такой эффект может ломать не только тесты, но и саму логику в некоторых случаях. Поэтому тут лучше в любом случае использовать некое событие, которое бы говорило, что все элементы (или нужные) на странице готовы. Вобщем, архитектурный подход тут важнее, чем технологии на низком уровне. С web components сейчас вполне можно жить, особенно если не использовать Shadow DOM.
Мы в компании сами сейчас уходим от WC, но в основномо из-за нехватки ресурсов и крайне тяжелой интеграции с реактом.
Надеюсь когда-нибудь к ним вернёмся.
источник

AA

Alina Anufrieva in Веб-компоненты
> С web components сейчас вполне можно жить, особенно если не использовать Shadow DOM.

А можешь поподробнее объяснить этот пункт? Есть какая-то настройка?
источник

AY

Andrey Yamanov in Веб-компоненты
В Stencil можно отключать использование Shadow DOM, насколько мне известно, сам я им никогда не пользовался для работы.
источник

PM

Pavel 🦇 Malyshev in Веб-компоненты
а haunted чем не понравился?
источник

AA

Alina Anufrieva in Веб-компоненты
Эта настройка не отключает Shadow  DOM, эта настройка про нативный или ненативный ShD
источник

DS

Den Sumbaev in Веб-компоненты
да, хороший вопрос) пробовал его использовать но столкнулся с несколькими проблемами:
1. Это тоже эксперимент и автор потерял к нему интерес. Плохо поддерживался TypeScript, было несколько заброшенных issues. У меня с TS 3.9 он просто не завелся из коробки.
2. Большой размер бандла. Много вшито в либу. У меня на простейшем компоненте размер был больше 30 Кб.
3. Нельзя использовать разные рендеры (мне не хотелось привязываться к lit-html железно).
источник