ГитХаб ещё с 2014 года использует веб-компоненты в продакшене. Часть компонентов инженеры ГитХаба выложили в опенсорс:
- custom-element boilerplate, стартовый шаблон для веб-компонента;
- time-elements расширяет возможности стандартного
<time>
; - clipboard-copy при клике копирует заданный текст в буфер обмена;
- auto-check автоматически валидирует значение поля через указанную ручку серверного API;
- markdown-toolbar реализует кнопки для форматирования текста в markdown в
<textarea>
; - image-crop реализует интерфейс обрезания фоточек;
- include-fragment подгружает фрагмент HTML и заменяет себя им;
- task-lists реализует список задач с поддержкой drag’n’drop;
- auto-complete реализует поле ввода с автодополнением и подгрузкой вариантов с сервера;
- details-menu реализует выпадающее меню на основе элемента
<dialog>
; - details-dialog реализует модальное окно на основе элемента
<dialog>
.
Кажется, это и есть будущее разработки интерфейсов. jQuery-плагины морально устарели, React/Vue/Angular-компоненты сильно всё усложняют и плохо влияют на производительность, а кастомные элементы максимально просты (подключаешь скрипт и используешь их в любом месте разметки) и работают на основе нативных возможностей браузера.