Advanced Vue Component Design

Three years later I’ve realized that Vue solves a lot of hard problems that I never expected it to solve, like:

• Keeping logic portable and encapsulated, even when it interacts with disconnected parts of the DOM
• Completely customizing how a component looks without a bunch of CSS overrides or complex configuration options
• Making it easy to simulate desperately needed browser features like element queries, without waiting another 5 years for support

Advanced Vue Component Design takes everything I know about using Vue to build more than basic UI widgets and bundles it up into one comprehensive course that you can work through in an afternoon. 

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