Сообщество веб-компонентов полимерные веб-компоненты

Если я смотрю на магазин полимеров, я сразу понимаю, что хочу использовать его в качестве стартера для своего интернет-магазина. Не только потому, что это уже веб-магазин (полная технология pwa), но и потому, что он имеет отличную (автономную) работу в браузере / мобильном телефоне, имеет надлежащую документацию и все еще поддерживается .

Но затем посмотрите на домашнюю страницу полимера и увидите, что проект основан на устаревшей полимерной версии, и даже тот факт, что он использует полимер в первую очередь, любопытен:

Библиотека Polymer находится в режиме обслуживания. Для новых разработок мы рекомендуем Lit.

Итак, мой вопрос в том, будет ли у litбогатый выбор веб-компонентов, от которых, похоже, зависит магазин?

Это может быть глупый вопрос, но я пропустил полимер, за исключением просмотра некоторых интересных новостей в Google IO.

1 ответ

Цель Lit и Polymer до него - помочь создавать веб-компоненты и приложения, максимально используя возможности браузера.

Например, jQuery обернул все различные функции браузера в свой собственный синтаксис до такой степени, что разработчики изучали jQuery, а не Javascript. Компоненты jQuery предполагают, что у вас есть jQuery, и полагаются на эти методы jQuery для работы.

Оба Lit и полимерные отстаивали веб - компоненты - это делает каждый компонент гораздо более самодостаточным. Использование сочетания jQuery и любого из его конкурентов было действительно болезненным, но здесь дело обстоит не так.

Все компоненты, используемые для создания этого магазина, стабильны и работают все ещена npm . Вы можете использовать их, если хотите, и у меня есть живые приложения, которые все еще их используют.

Однако продвижение новейших функций браузера сопряжено с определенными рисками. Polymer в значительной степени полагался на импорт HTML (который когда-либо реализовывался только в Chrome и в конечном итоге был исключен) и собственную библиотеку шаблонов. В конечном итоге он был перенесен на модули ES6, но дизайн ядра для него гораздо менее подходит. Эти компоненты довольно стабильны, но вы действительно не хотите начинать с ними что-то новое .

Lit гораздо менее самоуверен, чем Polymer, и гораздо ниже уровня. Например, Polymer поддерживает двустороннюю привязку с {{property}}синтаксис, но приходилось делать предположения (которые часто ломались) о том, что вы делали, чтобы поддержать его. Lit отбрасывает это для чрезвычайно стабильных установщиков свойств, но если вы хотите, чтобы пользователи записывали значения, вы должны подписаться на события и самостоятельно их запускать (хотя Lit действительно упрощает управление событиями).

Так что, если вы собираетесь создавать свои собственные веб-компоненты или приложение, Lit - безусловно, лучший выбор, а LitElement является легким и чрезвычайно совместимым со всем остальным. Вы можете использовать эти компоненты Polymer shop в Lit (у меня есть), но для большинства из них есть более новые альтернативы, в частности MWC.

Другие вопросы по тегам