adamwathan
Adam Wathan является full stack разработчиком, активным блоггером, ведущим Full Stack Radio и автором книги Refactoring to Collections.
Продвинутое проектирование компонентов Vue
Advanced Vue Component Design
★4.9 (всего оценок - 207)
Продолжительность
3 ч 57 мин
Категория
VueКоличество уроков
34 Видео
Дата добавления
12 июн. 2018 г., 17:57
Язык
Английский
Дата обновления
12 июн. 2018 г., 17:57
Узнайте, как создавать более простые и гибкие компоненты, которые являются более мощными и удобными в обслуживании. Я использую Vue.js в продакшене приложений с весны 2015 года и узнал тонну о написании поддерживаемого и эластичного кода Vue.
Когда я впервые начал использовать Vue, я влюбился насколько просто он делает то, что быстро превравщалось в беспорядок, если использовать jQuery. Три года спустя я понял, что Vue решает много сложных проблем, которые я никогда не ожидал:
- Сохранение логики портативной и инкапсулированной, даже когда она взаимодействует с отключенными частями DOM
- Полная кастомизация того, как выглядит компонент без кучи переопределений CSS или сложных параметров конфигурации
- Упрощение симуляции отчаянно необходимых функций браузера, таких как element queries , не ожидая еще 5 лет пока это начнут поддерживать
Advanced Vue Component Design использует все что я знаю об использовании Vue для создания более чем базовых виджетов и объединяет его в один всеобъемлющий курс.
Что внутри ?
Полный курс рассчитан на 34 урока (4 часа).
Он охватывает такие темы, как:
- Создание custom controlled components
- Стратегии хранения и инкапсуляции логических компонентов
- Использование composition для расширения компонентов вместо миксинов или наследования
- Как и почему использовать функции рендеринга, даже если вы не используете JSX
- Использование компонентов data provider для повторного использования non-UI логики
- Создание renderless компонентов, которые полностью настраиваются
- Проектирование составных компонентов с использованием Vue’s provide и inject
- Реальные примеры исследований по созданию надежных сортируемых списков и компонентов для поиска
Весь курс также аккуратно организован по теме, поэтому очень легко вернуться назад и найти точный урок, который вы ищете, когда пытаетесь применить эти идеи на работе.
Посмотреть больше
- Урок 1.00:12:22Building Controlled Components
- Урок 2.00:01:28Customizing Controlled Component Bindings
- Урок 3.00:12:46Wrapping External Libraries
- Урок 4.00:11:57Encapsulating Behavior: Global Events
- Урок 5.00:08:09Encapsulating Behavior: Direct DOM Manipulation
- Урок 6.00:14:04Encapsulating Behavior: Portals
- Урок 7.00:03:33Encapsulating Behavior: Reusing Portals
- Урок 8.00:06:11Injecting Content Using Slots
- Урок 9.00:01:48Native-Style Buttons Using Slots and Class Merging
- Урок 10.00:10:23Extending Components Using Composition
- Урок 11.00:09:59Passing Data Up Using Scoped Slots
- Урок 12.00:03:31Render Functions 101
- Урок 13.00:04:19Render Functions and Components
- Урок 14.00:02:21Render Functions and Children
- Урок 15.00:04:00Render Functions and Slots
- Урок 16.00:11:55Data Provider Components
- Урок 17.00:04:47Getting Started with Renderless Components
- Урок 18.00:02:14Passing Data Props
- Урок 19.00:02:20Passing Action Props
- Урок 20.00:09:41Passing Binding Props
- Урок 21.00:03:06Using Functions as Binding Props
- Урок 22.00:04:08Implementing Alternate Layouts with Renderless Components
- Урок 23.00:01:47Configuring Renderless Components
- Урок 24.00:06:10Wrapping Renderless Components
- Урок 25.00:07:45Building an Element Query Component
- Урок 26.00:09:56Compound Components and Provide/Inject
- Урок 27.00:21:18Building a Compound Sortable List Component
- Урок 28.00:06:03Building a Search Select: Data Bindings
- Урок 29.00:05:04Building a Search Select: Filtering
- Урок 30.00:02:42Building a Search Select: Focus Management
- Урок 31.00:05:40Building a Search Select: Making It Controlled
- Урок 32.00:14:53Building a Search Select: Keyboard Navigation
- Урок 33.00:05:12Building a Search Select: Click Outside Component
- Урок 34.00:05:47Building a Search Select: Integrating Popper.js
Автор - adamwathan
Другие материалы в этой категории
Комментарии
На вкус и цвет, товарища конечно нет, но на мой взгляд лучше посмотреть его, нежели данный курс. У него больше фишечек, приемчиков и умственный фреймворков. А это можно промотать потом, чтобы посмотреть какой автор использует подход.