# Style Guide

• Official - Style Guide
• Vue.js Component Style Guide

# Refactoring

• Refactoring Vue: Cleaning Up a List of Posts With Better Component Splitting and More ES6
• Clean up your Vue modules with ES6 Arrow Functions
• Examples of Vue’s Clean Code
• Optimizing Performance with Computed Properties
• Simplify Your Components with Computed Setters

# State Management

• Managing State in Vue.js

# Vuex

• Decouple Vuex modules with the Mediator pattern
• Vuex getters are great, but don’t overuse them
• Reusable Vuex Mutation Functions
• A pattern to handle ajax requests in Vuex
• [vuex Mutations] Single Changes vs. Single Responsibility
• Components and How They Interact in Vue and Vuex
• Why VueX Is The Perfect Interface Between Frontend and API
• Composing actions with Vuex
• How to Build Complex, Large-Scale Vue.js Apps With Vuex
• Should I Store This Data in Vuex?
• Anyway, this is how to use v-model with Vuex. Computed setter in action.
• 5 Vuex Plugins For Your Next VueJS Project
• Writing Vuex modules in neat Typescript classes

# Mobx

• Build A View-Framework-Free Data Layer Based on MobX — Integration With Vue (1)

# Renderless Component

• Renderless Components in Vue.js
• Building Renderless Components to Handle CRUD Operations in Vue.js
• Building “Renderless” Vue Components

# Examples

• Renderless Calendar component

# Folder Structure

• How you can improve your workflow using the JavaScript console
• How to Structure a Vue.js Project
• Large-scale Vuex application structures
• Vue.js Application Structure and CSS Architecture
• Structuring Vue Components

# Tips & Tricks

• How To Build Vue Components Like A Pro 😎
• Four tips for working with Vue.js
• Tips from a Lowly VueJS Developer
• Throttling and Debouncing Events with Vue.js and lodash
• Are partially applied functions in event handlers possible?
• Vue.js — Considerations and Tricks
• Six random issues and their solutions in VueJS.
• When VueJS Can't Help You
• Things that won’t work using Vue
• Tip#15 Delay execution with _.debounce
• Handling API calls in Vue
• Slide - Vue & REST API Patterns

# Router

• Navigation Guards - Official
• Vue Router Navigation Guards with Vuex

# Anti Patterns

• Chris Fritz - Vue.js Anti-Patterns (and How to Avoid Them)
• Common mistakes to avoid while working with Vue.js
• Avoid This Common Anti-Pattern In Full-Stack Vue/Laravel Apps
• [Video] - VueNYC - Three Vue code smells, and what you can do about them - Matt Rothenberg (@mattrothenberg)

# Videos / Audios

• 81: Evan You - Advanced Vue Component Design
• 7 Secret Patterns Vue Consultants Don’t Want You to Know

# Repos

• vue-enterprise-boilerplate
• 7-secret-patterns
• Vue.js-2-Design-Patterns-and-Best-Practices

# Paid

• Advanced Vue Component Design
• Advanced Vue.js Features from the Ground Up

# Typescript

• Vue + TypeScript: A Match Made in Your Code Editor
• Writing Class-Based Components with Vue.js and TypeScript
• Writing Vuex modules in neat Typescript classes

# Flowtype

# GraphQL

• Basics of GraphQL with Vue.js

# Test

• Testing Vuex Actions Correctly with Jest

---

# Misc

• Creating an Interpose Vue component from a React implementation
• Composing computed properties in Vue.js
• 4 AJAX Patterns For Vue.js Apps
• 3 Code Splitting Patterns For VueJS and Webpack
• The easiest way to improve your Vue.js application. Part 1
• Using JSX with Vue and Why You Should Care
• Compound components
• Creating Multi-root Vue.js Components
• Understanding Vue.js Reactivity in Depth with Object.defineProperty()
• Templating in Vue: Separation of Concerns or Separation of Technology or something else?
• Stashing Vue components data
• Creating Reusable Transitions in Vue
• vue-advanced-workshop
• Do it with Elegance: How to Create Data-Driven User Interfaces in Vue
• Creating Vue.js Component Instances Programmatically
• Managing User Permissions in a Vue.js App
• Render Functional Components in Vue.js
• Looping through Object Properties
• Cancelling async operations in Vue.js
• Scoped styles with v-html
• Pagination With Vuejs
• What does the ‘h’ stand for in Vue’s render method?
• How To Build Vue Components That Play Nice
• Making responsive Vue components with ResizeObserver
• An imperative guide to forms in Vue.js
• Vue.js: the good, the meh, and the ugly
• Dynamic Vue.js Layout Components
• Advanced Vue.js concepts: mixins, custom directives, filters, transitions, and state management
• Introducing the Single Element Pattern
• Control DOM Outside Your Vue.js App with portal-vue
• Add i18n and manage translations of a Vue.js powered website
• Managing Complex Waiting Experiences on Web UIs
• Vue.js — Forms, components and considerations
• Reusing Logic in Vue Components
• Recursion for Nested, Tree-Structure Components in Vue