The full course clocks in at 34 lessons totaling 4 hours of content.
It covers topics like:
Building custom controlled components
Strategies for keeping logic encapsulated and making components more portable
Using composition to extend components instead of mixins or inheritance
How and why to use render functions, even if you aren’t using JSX
Using data provider components to reuse non-UI logic
Creating renderless components that are completely customizable
Designing compound components using Vue’s provide and inject features
Real-world case studies on building robust sortable list and search select components
Every lesson is as short as possible but no shorter, so you’ll learn everything you need to know in just the right amount of time at just the right pace.
The whole course is neatly organized by topic too, so it’s super easy to go back and find the exact lesson you’re looking for when you’re trying to apply these ideas on the job.


Building Controlled Components
Customizing Controlled Component Bindings
Wrapping External Libraries
Encapsulating Behavior: Global Events
Encapsulating Behavior: Direct DOM Manipulation
Encapsulating Behavior: Portals
Encapsulating Behavior: Reusing Portals
Injecting Content Using Slots
Native-Style Buttons Using Slots and Class Merging
Extending Components Using Composition
Passing Data Up Using Scoped Slots
Render Functions 101
Render Functions and Components
Render Functions and Children
Render Functions and Slots
Data Provider Components
Getting Started with Renderless Components
Passing Data Props
Passing Action Props
Passing Binding Props
Using Functions as Binding Props
Implementing Alternate Layouts with Renderless Components
Configuring Renderless Components
Wrapping Renderless Components
PRO
Building an Element Query Component
PRO
Compound Components and Provide/Inject
PRO
Building a Compound Sortable List Component
PRO
Building a Search Select: Data Bindings
PRO
Building a Search Select: Filtering
PRO
Building a Search Select: Focus Management
PRO
Building a Search Select: Making It Controlled
PRO
Building a Search Select: Keyboard Navigation
PRO
Building a Search Select: Click Outside Component
PRO
Building a Search Select: Integrating Popper.js


Year: 2019
Manufacturer: https://adamwathan.me/
Manufacturer Website: https://adamwathan.me/
Author: Adam Wathan
Duration: 4:00
Type of material handed out: Video Tutorial
English language