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
Другие материалы в этой категории
Комментарии
На вкус и цвет, товарища конечно нет, но на мой взгляд лучше посмотреть его, нежели данный курс. У него больше фишечек, приемчиков и умственный фреймворков. А это можно промотать потом, чтобы посмотреть какой автор использует подход.