Advanced Vue Component Design

14 участников

О чём курс

Ваши компоненты в Vue станут гибкими и переиспользуемыми, если перестать опираться на миксины и наследование. Курс обучает архитектурным подходам к проектированию интерфейсов, где логика отделена от представления, а функционал расширяется через композицию.

Внутри разбираются:

  • Render-функции для полного контроля над отрисовкой, даже при работе без JSX.
  • Паттерн Renderless UI для создания компонентов, внешний вид которых полностью поддается кастомизации.
  • Техника создания Compound-компонентов через механизм provide и inject.
  • Использование Data Provider компонентов для выноса не-UI логики.

Материал ориентирован на разработчиков, которые хотят уйти от громоздкого кода к чистой компонентной архитектуре. На реальных примерах вы научитесь собирать сложные элементы, такие как списки с сортировкой и поисковые селекты, которые легко поддерживать в любом проекте.

Программа обучения

  • Построение пользовательских контролируемых компонентов
  • Стратегии инкапсуляции логики для повышения переносимости компонентов
  • Использование композиции вместо миксинов или наследования
  • Применение render-функций для управления отрисовкой
  • Использование Data Provider компонентов для переиспользования не-UI логики
  • Создание Renderless UI компонентов с возможностью полной настройки
  • Проектирование Compound-компонентов через provide и inject
  • Разбор кейсов: создание компонента списка с сортировкой
  • Разбор кейсов: создание компонента search select
Складчина создана 8 мая 2018 г. · описание обновлено 23 марта 2026 г.

Другие материалы автора 1

AW Adam Wathan Все материалы
382 ₽ 2 000 ₽