Size: a a a

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

2020 February 13

SK

Serhii Kulykov in Веб-компоненты
Mikhail Bashkirov
ни в коем случае не заимствуйте имплементацию lion-button 🙂
у нас button сделан через одно место
источник

MB

Mikhail Bashkirov in Веб-компоненты
да вот и мы тоже сделали) на ваш тоже смотрели, в итоге получился монстр, которы все равно нормально не работает
источник

MB

Mikhail Bashkirov in Веб-компоненты
думаю единственная кнопка нормальная - это просто стили
источник

MB

Mikhail Bashkirov in Веб-компоненты
но нам надо было чтобы был еще контенер со вложенность для создания области дял клика вокруг видимой кнопки
и тут мы сделали ошибку, выбрав путь веб-компонента для инкапсуляции шаблона
плохая была идея в итоге
источник

SK

Serhii Kulykov in Веб-компоненты
наш lighthouse тесты фейлит (axe), юзеры жалуются. причем в скрин ридерах в основном работало нормально, когда Антон предложил изначальную идею.

а потом убрали slot из button и началось
источник

SK

Serhii Kulykov in Веб-компоненты
насколько я помню в старых версиях Safari были проблемы с display: flex у button
источник

АР

Алексей Родионов in Веб-компоненты
Непривычно видеть старый лого Web Components в 2020 году. )
источник

SK

Serhii Kulykov in Веб-компоненты
мне кстати старый вполне нравился
источник
2020 February 17

AY

Andrey Yamanov in Веб-компоненты
Всем привет! Пытаюсь разобраться с позиционированием фреймворков. Возник такой хитрый вопрос. Что такое “Component Framework” и в чём его отличие от других фреймворков? Большая просьба без холиваров, просто хочу узнать мнение людей, т.е. как конкретно вы себе это представляете.
источник

PM

Pavel 🦇 Malyshev in Веб-компоненты
Andrey Yamanov
Всем привет! Пытаюсь разобраться с позиционированием фреймворков. Возник такой хитрый вопрос. Что такое “Component Framework” и в чём его отличие от других фреймворков? Большая просьба без холиваров, просто хочу узнать мнение людей, т.е. как конкретно вы себе это представляете.
Привет! Я систематизирую фреймворки по области их применения, а не по подходу, который лежит в их основе. По большому счету все основные современные js фреймворки это в разной степени component-based фреймворки.

Другое дело что среди них ярко выделяются UI фреймворки (React, Vue, Svelte) и Application фреймворки (Angular, Ember, Next, Nuxt, Sapper). Ну и конечно есть полутона, то же Vue тяготеет и постепенно мигрирует в сторону app-фреймворков, а Sapper заточен под создание веб-сайтов.
источник

AY

Andrey Yamanov in Веб-компоненты
Pavel 🦇 Malyshev
Привет! Я систематизирую фреймворки по области их применения, а не по подходу, который лежит в их основе. По большому счету все основные современные js фреймворки это в разной степени component-based фреймворки.

Другое дело что среди них ярко выделяются UI фреймворки (React, Vue, Svelte) и Application фреймворки (Angular, Ember, Next, Nuxt, Sapper). Ну и конечно есть полутона, то же Vue тяготеет и постепенно мигрирует в сторону app-фреймворков, а Sapper заточен под создание веб-сайтов.
Собственно меня интересует, что разработчики понимают под словом “component framework”, что для них значит слово “component” в этом словосочетании.
источник

PM

Pavel 🦇 Malyshev in Веб-компоненты
Andrey Yamanov
Собственно меня интересует, что разработчики понимают под словом “component framework”, что для них значит слово “component” в этом словосочетании.
Для меня это по большей части SFC из Vue или Svelte. Компоненты React в меньшей степени.
источник

AY

Andrey Yamanov in Веб-компоненты
Если еще более конкретно: то всякий ли композитный фреймворк является компонентным и всякий ли компонентный фреймворк должен быть композитным. (Композитный - значит занимающийся композицией компонентов/элементов)
источник

SK

Serhii Kulykov in Веб-компоненты
привет. в моем понимании “component framework” и “component based framework” - разные вещи

под “component framework” подходят два определения

1. некий набор компонентов общего назначения, на базе которых можно построить свою библотеку компонентов или приложение.
2. полноценный фреймворк (включающий работу с данными, интеграцию с бэком и тд) у которого есть компоненты “из коробки”.
источник

SK

Serhii Kulykov in Веб-компоненты
скажем, Lightning от Salesforce, UI5 от SAP и Vaadin (с точки зрения Java разработчиков) - компонентные фреймворки
источник

SK

Serhii Kulykov in Веб-компоненты
ну а под пункт 1 стремится подходить Material UI, они заявляли о подобных планах
источник

SK

Serhii Kulykov in Веб-компоненты
во вторую группу еще Ionic можно отнести
источник

PM

Pavel 🦇 Malyshev in Веб-компоненты
Serhii Kulykov
привет. в моем понимании “component framework” и “component based framework” - разные вещи

под “component framework” подходят два определения

1. некий набор компонентов общего назначения, на базе которых можно построить свою библотеку компонентов или приложение.
2. полноценный фреймворк (включающий работу с данными, интеграцию с бэком и тд) у которого есть компоненты “из коробки”.
Обычно это называется UI Components framework или UI kit. Хотя, может я не верно понял вопрос, но мне показалось что речь про штуки вроде Vue, а не про набор компонентов на его основе, типа Vuefy
источник

AY

Andrey Yamanov in Веб-компоненты
Pavel 🦇 Malyshev
Обычно это называется UI Components framework или UI kit. Хотя, может я не верно понял вопрос, но мне показалось что речь про штуки вроде Vue, а не про набор компонентов на его основе, типа Vuefy
Вопрос я уточнил. Интересно именно низко-уровневые обсудить.
источник

PM

Pavel 🦇 Malyshev in Веб-компоненты
Andrey Yamanov
Если еще более конкретно: то всякий ли композитный фреймворк является компонентным и всякий ли компонентный фреймворк должен быть композитным. (Композитный - значит занимающийся композицией компонентов/элементов)
Кажется понятия смежные, но не тождественные. Однако не очень понятно как построить приложение на компонентах без их композиции? 🤔
источник