vue.md

Mastering Vue.js

Vue.js is an open-source JavaScript framework for building user interfaces. Integration into projects that use other JavaScript libraries is simplified with Vue because it is designed to be incrementally adoptable.

Before you start

• 🧠 Vue.js Roadmap

• 📺 Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)

• 📺 Vue.js: the Progressive Framework - Evan You

• 📺 3 Ways To Debug Your Vuejs Apps With VS Code And Chrome

• 📖 Debugging in VS Code

• 📖 Google, Apple and Other Users of Vue.js

API

• 📖 Leverage provide/inject to avoid prop drilling in Vue.js

Authentication

• 📖 Handling Authentication In Vue Using Vuex

• 📖 Structuring a Vue project : Authentication

• 📖 Route Meta Fields

Best Practices

• 📖 Official Vue.js Style Guide

• 📖 Building Large-Scale Vue.JS Application

• 📖 Understanding environments in VueJS

• 📖 10 Good Practices for Building and Maintaining Large Vue.js Projects

• 📖 4 Best Practices for Large Scale Vue.js Projects

• ⁉️ Why is it considered poor practice to use Axios or HTTP calls in components?

• 📺 Are These Vue.js Best Practices? Video Critique!

CLI

• 📖 Vue CLI Official documentation

• 📖 Distributed Vue.js Applications Part 1: Loading Components via HTTP

• 📖 Distributed Vue.js Applications Part 2: Pushing Content and Component Updates to the Client

Components

• 📺 What Are Vue.js Hooks?

• 📺 Why the Vue 3 Composition API?

• 📖 Adding v-model Support to Custom Vue.js Components

• 📖 Creating Vue.js Component Instances Programmatically

• 📖 Scoped Component Slots in Vue.js

• 📖 Vue.js - How to Build Your First Package & Publish It on NPM

• 📖 The correct way to force Vue to re-render a component

• 📖 7 Ways to Define a Component Template in Vue.js

• 📖 Leverage provide/inject to avoid prop drilling in Vue.js

Directives

• 📖 15 Must-Have Vue Directives That Will Significantly Maximize Your Productivity

• 📖 Rendering Elements only Once (v-once directive)

NativeScript

• 📺 Ignacio Fuentes - Mobile Apps with Vue and NativeScript

News

• 📺 Design Principles of Vue 3.0 by Evan You

Packaging

• 📖 How to Build Your First Package & Publish It on NPM

Performance

• 📺 Sean Larkin - Code splitting patterns in Vue.js

• 📖 Avoiding Memory Leaks

• 📖 How we got a 100% Lighthouse performance score for our Vue.js app

Productivity

• 📖 10 Tips to Increase your Productivity when Coding in Vue.js

Responsive

• 📖 Handle Media Queries and Responsive Design with Vue

Router

• 📖 Navigate Nested Child Routes In A Vue.js Web Application

Showcase

• 📗 Made with Vue.js

• 📗 Vue.js examples

Slots

• 📖 All You Need to Know About Slots in Vue.js

Storybook

• 📖 Learn Storybook

• 📖 An (almost) comprehensive guide on using Storybook with Nuxt.js

• 📖 Writing tests for Vue.js Storybook

Testing

• 📺 Roman Kuba - Testing Vue components with Jest

Vite

• 📖 What the Heck is Vite?

VuePress

• 📺 VuePress: Documentation made easy

Vuex

• 📺 Vuex - Intro Tutorial

• 📺 Learn Vuex In 10 Minutes (Vue.js State Management)

• 📖 Two way data binding and state management with Vuex and strict mode

• 📖Vuex getters are great, but don’t overuse them

• ⁉️ Vuex | How to commit a global mutation in a module action?

YouTube Channels

• 📺 Vue Mastery

• 📺 VueConf EU

• 📺 Vuejs Amsterdam

• 📺 Vue NYC

• 📺 Vue Toronto

• 📺 Program with Erik