[Книга] Vue.js Компоненты: Паттерны

Цель этого курса - научить вас основам создания компонентов Vue.js, которые проще, гибче а также те, которые приятно и весело использовать. Этот курс - самый быстрый способ освоиться с продвинутыми концепциями Vue.js и гарантированно ускорит ваше обучение.

Для кого этот курс?

Этот курс предназначен для всех, кто имеет общее представление о Vue.js и хочет узнать больше об эффективном использовании компонентов.

Почему вы должны узнать больше о компонентах

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

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

Поэтому стоит потратить больше времени на обучение эффективной работе с компонентами.

Что вы узнаете

Полный курс в настоящее время состоит из 12 глав с постоянно добавляемым контентом.

• Основы создания портативных компонентов с Vue.js
• Как решать ежедневные проблемы с Компонентом, используя слоты Vue.js и scoped slots
• Создание Headless или Renderless  компонентов для максимальной гибкости
• Создание функциональных компонентов в случаях, когда шаблон недостаточно гибок
• Динамический рендеринг компонентов вместо множества операторов if / else
• Как использовать Mixins, Extends, High Order Components и почему вы должны отдавать предпочтение композиции
• Рефакторинг компонентов в Smart и Dumb компоненты
• Вы узнаете о проблеме Prop Drilling и о некоторых простых способах ее решения.
• Как использовать шаблон Provide / Inject для создания составных компонентов
• Асинхронная загрузка компонентов для улучшения времени загрузки ваших приложений
• Как построить компоненты с хорошим поведением
• Антипаттерны - что не надо делать

Некоторые компоненты, которые вы будете строить:

• Twitter Stream
• Фильтр списков
• Таймер обратного отсчета
• Data Provider
• Themeable Components