Vue Design Patterns

0 ratings

📚 Get ready to create Enterprise Vue Applications like a pro!

Pre-Order Now to Avail 30% Discount

Why Do You Need This Book?

  1. Become comfortable with writing code leveraging Vue Architectural Style, Application Structure for Vue, Vue Clean Code Principles, etc.
  2. Leverage the popular SOLID principles to create scalable and production-grade Frontend applications with Vue.js
  3. Implement well-known software design patterns to create production-grade Frontend applications with Vue.js
  4. Implement dependency injection in Vue using the new Provider and inject features in Vue 3.
  5. Build and scale microservices in Frontend using the Micro Frontend architecture.

In this book, you will get an understanding of different Design patterns that can be implemented in Vue and the associated benefits and drawbacks. There are several design patterns that will be implemented as listed below:

Table of Content

  • Introduction to Vue
  • Vue 3 Architectural Style
    • Component-based Architecture
  • Application Structure for Vue
    • MVC Architecture
    • Micro frontend
    • Flux Architecture
    • Clean Architecture
  • Vue Clean Code Principles
    • Be Consistent
    • Meaningful Names
    • Indentation and Code Style
    • Keep it Small
    • Pure Functions
    • Minimize Cyclomatic Complexity
    • Avoid Passing Nulls Booleans
    • Keep Framework Code Distant
    • Use Correct Constructs
    • Keep Tests Independent
    • Use Meaningful Names
    • Code by Actor
    • Command Query Separation
    • Avoid Hasty Abstractions
  • SOLID Principles in Vue
    • Single Responsibility Principle
    • Open-Close Principle
    • Liskov Substitution Principle
    • Interface Segregation Principle
    • Dependency Inversion Principle
  • Component Design/Vue Design System
    • Component Declaration
    • Component Communication
    • Component Events Handling
    • Component Conditional Rendering
    • Dynamic Component
    • Functional Component
    • Renderless Component
    • Higher Order Component (a.k.a. HOC)
  • Vue Design Pattern
    • Creational
    • Structural
    • Behavioral
  • Creational Design Patterns
    • Factory Method Pattern
    • Abstract Factory Pattern
    • Singleton Pattern
    • Prototype Pattern
    • Builder Pattern
  • Behavioral Design Patterns
    • Factory Method Pattern
    • Abstract Factory Pattern
    • Singleton Pattern
    • Prototype Pattern
    • Builder Pattern
  • Structural Design Pattern
    • Adapter Pattern
    • Facade Pattern
    • Decorator Pattern
    • Composite Pattern
    • Proxy Pattern
    • Bridge Pattern
  • HTTP and API Requests
    • Repository Pattern
  • Dependency Injection
    • Provider / Consumer
    • Provide and Inject

Have any questions or need assistance? We're here to help! Feel free to reach out to our team at Additionally, you can join our Masteringbackend community Slack channel for real-time discussions and support.

30% off will be applied at checkout (Code EARLY-BIRD-ANYTIME)
I want this!

Designing scalable and enterprise client-side applications with Vue using industry-standard design patterns and best practices.

Copy product URL
$50 $35

Vue Design Patterns

0 ratings
I want this!