jQuery UI
Для простых интерфейсов хватает DOM-манипуляций и jQuery-плагинов. В сложных интерфейсах компонентов на странице много, они то добавляются, то удаляются и нужно научиться их правильно связывать между собой и организовать их жизненный цикл.
Кнопка, попап, выпадающий список, выбиралка даты, табы, слайдеры — все это примеры компонентов.
Жизненный цикл компонента — создание, работа, изменение состояния, удаление. Нужно организовать его так, чтобы компоненты интерфейса не влияли друг-на-друга, но, в то же время, могли взаимодействовать. В этом поможет jQuery UI — библиотека для создания независимых компонентов на базе jQuery.
На основе jQuery UI строится большая часть компонентов Magento 2.
Материалы
- Изучите статьи о jQuery UI в jQuery Learning Center.
- Примеры виджетов и описание работы с ними вы найдете в документации.