В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

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

131 membersпожаловаться на группу
2020 September 28

АР

Алексей Родионов... in Веб-компоненты
В целом, есть best practices как правильно писать универсальные веб-компоненты, которые она хочет.

Приведённый ею пример, когда всё приложение в одном компоненте <shop-app> — плохая практика (не работает без JS, всё в Shadow DOM, проблемы с SEO и т.д.) как пример как не надо делать нужно тоже включить в best practices.
источник
16:26пожаловаться#1

SK

Serhii Kulykov in Веб-компоненты
приложения - отдельная больная тема, и я все еще считаю, что веб-компонентам СИЛЬНО не повезло, что Polymer Project пытался вместе с ними “в нагрузку” продвигать PWA
источник
16:34пожаловаться#2

SK

Serhii Kulykov in Веб-компоненты
как показала практика - Polymer Starter Kit и PWA Starter Kit умерли, а осадок в виде <shop-app> остался
источник
16:35пожаловаться#3

SK

Serhii Kulykov in Веб-компоненты
вообще я примерно понимаю, чего она хочет, и как раз такие компоненты и делаю в последнее время)
источник
16:35пожаловаться#4

АР

Алексей Родионов... in Веб-компоненты
Serhii Kulykov
приложения - отдельная больная тема, и я все еще считаю, что веб-компонентам СИЛЬНО не повезло, что Polymer Project пытался вместе с ними “в нагрузку” продвигать PWA
Почему?

На тот момент это было логично: "Для всего есть элемент. Вот вам элементы, из которых можно собрать полноценное приложение.".
источник
16:39пожаловаться#5

SK

Serhii Kulykov in Веб-компоненты
это две разные темы. проблема в том, что предлагалось ВСЕ писать на веб-компонентах

в итоге возникла аналогия “веб-компоненты = Polymer = фреймворк”
источник
16:43пожаловаться#6

АР

Алексей Родионов... in Веб-компоненты
Именно за эту идею я и купился на веб-компоненты и PWA, так как хотел быстро собирать рабочие мобильные приложения. )

А вот если бы веб-компоненты преподносились как (ещё один) правильный способ структурировать код приложения, я бы скорее всего прошёл мимо. )
источник
16:43пожаловаться#7

SK

Serhii Kulykov in Веб-компоненты
ну идея приложений массово не взлетела, в основном из-за тормозов с полифиллами понятное дело, но не только
источник
16:44пожаловаться#8

SK

Serhii Kulykov in Веб-компоненты
как я вижу сейчас - стоит продвигать UI контролы на веб-компонентах, причем не любые
элементы форм отпадают, пока не будет form participation API во всех браузерах

если бы это API сделали с самого начала - намного больше можно было бы делать
источник
16:45пожаловаться#9

SK

Serhii Kulykov in Веб-компоненты
раз формы пока отпадают - остается писать колор-пикеры, гамбургер-кнопки и так далее. что я и делаю
источник
16:46пожаловаться#10

АР

Алексей Родионов... in Веб-компоненты
Вот все топят за то, что нужно использовать нативные семантические теги, например использовать <button> вместо <div>, который выглядит как кнопка. Это в целом правильная идея и я всеми руками за неё (a11y, все дела...). Но вот на днях столкнулся с тем, что <select> с <options> не смог стилизовать, как нарисовано в макете. Пришлось воссоздавать из других элементов. Я уже не говорю, про возможность расширить нативные элементы.
источник
16:50пожаловаться#11

SK

Serhii Kulykov in Веб-компоненты
Алексей Родионов
Вот все топят за то, что нужно использовать нативные семантические теги, например использовать <button> вместо <div>, который выглядит как кнопка. Это в целом правильная идея и я всеми руками за неё (a11y, все дела...). Но вот на днях столкнулся с тем, что <select> с <options> не смог стилизовать, как нарисовано в макете. Пришлось воссоздавать из других элементов. Я уже не говорю, про возможность расширить нативные элементы.
Microsoft работает над кастомизацией select 🙂

https://groups.google.com/u/0/a/chromium.org/g/blink-dev/c/9TcfjaOs5zg?pli=1
источник
16:54пожаловаться#12

SK

Serhii Kulykov in Веб-компоненты
ну и в целом проект Open UI про это: https://open-ui.org
open-ui.org
Home
Open UI
источник
16:54пожаловаться#13

ИЛ

Иван Лещёв in Веб-компоненты
Здрасьте.
Меня зовут Иван и я люблю вебкомпоненты.
источник
17:01пожаловаться#14

AY

Andrey Yamanov in Веб-компоненты
Сплю и вижу, чтобы платформа наконец стандартизировала поведения и дала возможность их инжектирования в обычные и кастомные элементы. Последнее время активно играюсь с этой концепцией и DX получается просто замечательный.
источник
17:05пожаловаться#15

MB

Mikhail Bashkirov in Веб-компоненты
Алексей Родионов
Вот все топят за то, что нужно использовать нативные семантические теги, например использовать <button> вместо <div>, который выглядит как кнопка. Это в целом правильная идея и я всеми руками за неё (a11y, все дела...). Но вот на днях столкнулся с тем, что <select> с <options> не смог стилизовать, как нарисовано в макете. Пришлось воссоздавать из других элементов. Я уже не говорю, про возможность расширить нативные элементы.
ничему из вышесказанного это не противоречит
специально для этого создали https://www.w3.org/TR/wai-aria-practices-1.1/#aria_ex
www.w3.org
WAI-ARIA Authoring Practices 1.1
This document provides readers with an understanding of how to use WAI-ARIA 1.1 [WAI-ARIA] to create accessible rich internet applications.
     It describes considerations that might not be evident to most authors from the WAI-ARIA specification alone and recommends approaches to make widgets, navigation, and behaviors accessible using WAI-ARIA roles, states, and properties.
     This document is directed primarily to Web application developers, but the guidance is also useful for user agent and assistive technology developers.
источник
17:18пожаловаться#16

MB

Mikhail Bashkirov in Веб-компоненты
Serhii Kulykov
ну идея приложений массово не взлетела, в основном из-за тормозов с полифиллами понятное дело, но не только
я думаю из-за двух причин
- ShadowDOM ну нежен на уровне приложения, и даже вреден, отличный пример - переиспользуемые CSS классы для создания сеток, которые все еще массово популярны и люди их требуют вместо CSS Grids или чего еще другого
- как следствие первой причины, но все-таки как самостоятельная тоже - отсутствие SSR
источник
17:21пожаловаться#17

MB

Mikhail Bashkirov in Веб-компоненты
первое кстати удивительно еще и потому, что никто не заставлял использовать ShadowDOM на уровне приложения
но так как Polymer был первый в своем роде, предложившем такую идею, а там ShadowDOM не был опционален, то это породило массовое следование такой негативной практике
источник
17:22пожаловаться#18

ИЛ

Иван Лещёв in Веб-компоненты
Mikhail Bashkirov
я думаю из-за двух причин
- ShadowDOM ну нежен на уровне приложения, и даже вреден, отличный пример - переиспользуемые CSS классы для создания сеток, которые все еще массово популярны и люди их требуют вместо CSS Grids или чего еще другого
- как следствие первой причины, но все-таки как самостоятельная тоже - отсутствие SSR
а я вот буквально вчера сложил svg иконки в шадовдом
источник
17:31пожаловаться#19

ИЛ

Иван Лещёв in Веб-компоненты
потому что я в них передаю текст, который потом в маске участвует и мне не нужен конфликт идентификаторов
источник
17:32пожаловаться#20