A premium video course on Vue components

Reusable Components

Write less code.
Get more done.

Coming November 3!

This is a preview from the course

Master the art of writing highly reusable Vue — and make the most of your components.

My next course is all about how to make your components more flexible and reusable, saving you time and effort and helping you to get more done with less code.

It's a full-length video course covering:

  • Best practices for using props — and what to do when there are too many
  • Leveraging slots in unique ways to maximize flexibility without the headaches
  • The tradeoffs between different patterns, how to use them, and why they work

Subscribe to my newsletter to get weekly content previews and updates!

    What's in the course?

    I'm glad you asked!

    • Learn insights, not syntax — nearly all of the concepts and patterns in this course are not found anywhere else
    • 30+ videos across 7 modules produced at 4k 60fps for extra crispiness
    • Full source code for the entire course including before/after for each lesson

    Who is this for?

    Intermediate and advanced Vue developers.

    This course assumes that you're already familiar with Vue. It is fairly fast paced, as the focus of the course is on higher-level concepts and patterns, rather than syntax and Vue features.

    However, there are three lessons that dive deep into explaining slots and scoped slots, as those are central to patterns of reusability. They also tend to trip developers up the most!

    The 6 Levels of Reusability

    It's incredibly difficult to talk about concepts without first giving them names.

    So in order to create this course, I first had to invent a way of talking about reusability in components. Here it is, six different levels of reusability:

    1. Templating — Reusing code by wrapping it up inside of a component

    2. Configuration — Using configuration props to allow for varying behaviour

    3. Adaptability — Allowing components to become future-proof

    4. Inversion — Letting other components control the process

    5. Extension — Using reusability throughout our component

    6. Nesting — Creating powerful hierarchies of components

    How does the course work?

    We build a series of components, making them increasingly reusable as we work through the modules of the course.

    The first module gives some overview for the course, and then each module after that is dedicated to a level of reusability. Each module includes:

    • How the pattern can be implemented and used
    • When to use the pattern, and when to consider using something else
    • Diving deep into various aspects of each pattern