​​Кастомные элементы ГитХаба

ГитХаб ещё с 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-компоненты сильно всё усложняют и плохо влияют на производительность, а кастомные элементы максимально просты (подключаешь скрипт и используешь их в любом месте разметки) и работают на основе нативных возможностей браузера.