About the Book

What you'll learn

The goal of this course is to teach you the fundamentals to make Vue.js components that are simpler, more flexible and most of all fun to build and use!

This course is the fastest way to get up to speed with advanced Vue.js concepts and is guarantueed to jump start your learning.

Who is this course for?

This course is for everyone with a basic understanding of Vue.js who wants to learn more about using components effectively.

Why you should learn more about components

Having build frontends in multiple frameworks, I'm fascinated by how all these frameworks converge on the very same idea of a reusable component.

And it really is a repeating pattern. You have a component which encapsulates state, logic and even styling. With props in and events out, you can use these components to compose complex UIs.

It is therefore well worth to invest more time in learning how to work with components effectively

What you'll learn

The full course is currently 12 chapters long with more content added constantly.

• Fundamentals of building portable components with Vue.js
• How to solve every day problems with Component Composition using Vue.js slots and scoped slots
• Create Headless or Renderless components for maximum flexibility
• Build Functional components in cases where a template is not flexible enough
• Dynamic Component Rendering instead of lots of if/else statements
• How to use Mixins, Extends, High Order Components and why you should favor composition
• Refactor large and complex components into Smart vs. Dumb Components
• You learn about the Prop Drilling Problem and some easy ways to fix it
• How to use the Provide/Inject Pattern to build composite components
• Async component loading to improve your apps loading time
• How to build well behaving components
• Component Antipatterns - what not to do

Exercises with Solutions

Apply what you learn with more than 12 interesting and real-life exercises with solutions.

Some components you will build:

• Flexible Card Components
• Twitter Stream
• Filtered Lists
• Countdown Timer
• Data Provider
• Themeable Components

The Community

Join the discussion in our Community at spectrum.chat. Show your solutions, give feedback and have fun!

Work in Progress

The Vue.js Component Patterns course is still in production and the price increases as more lessons become available. Get the course today and save a bunch on our Early Access Offer.

About the Author

Frederik Dietz

@fdietz

My name is Frederik Dietz and I'm a passionate software developer, located in beautiful Hamburg, Germany.

I am a company founder and freelancer with a focus on React, Vue.js, Elixir, Phoenix Framework and Ruby on Rails.

I very much enjoy learning and teaching about software development.

fdietz.de