Vue tools to master in 2024

Vue tools to master in 2024

Explore some topics that are a great starting point for becoming a better Vue.js developer in 2024.

How to Build Accessible Vue.js Applications

How to Build Accessible Vue.js Applications

This article serves as a guide for you to learn the strategies for building inclusive applications using Vue.js. In the end, you will have acquired knowledge on how to utilize the framework's strengths to build high-quality applications that everyone can use.

Nuxt Icon

Nuxt Icon

Supercharge your developer experience when working with icons using Nuxt Icon.

Touring Nuxt Studio

Touring Nuxt Studio

Your comprehensive guide to using Nuxt Studio for creating and configuring projects

Build an X clone w/ Nuxt UI

Build an X clone w/ Nuxt UI

Nuxt UI is a library that allows us to build scalable interfaces with Nuxt without the need to build from scratch. In this tutorial, we’ll be building a minimal X (Twitter) profile UI using the Nuxt UI component library.

Nuxt 3 Performance Pt 2

Nuxt 3 Performance Pt 2

Learn to apply Nuxt 3 performance tips in a real-world application by building a small news app.

Nuxt 3 Performance Pt 1

Nuxt 3 Performance Pt 1

In this article, we’ll be looking at Performance in Nuxt 3 applications and how we can boost the performance of our apps.

Exploring the Nuxt 3 DevTools

Exploring the Nuxt 3 DevTools

The Nuxt Dev Tools offer a powerful set of features for Nuxt developers to gain more control, feedback, and clarity over their development experience.

Building a 3D Scene in Nuxt with TresJS

Building a 3D Scene in Nuxt with TresJS

Learn how to build a 3D scene in a Nuxt 3 app using TresJS, a Vue custom renderer for ThreeJS.

Supercharge your code with VueMacros

Supercharge your code with VueMacros

In this article, we’ll take a look at VueMacros for enhancing Vue.js development. We'll cover installation & configuration, different macro types, and their benefits. By the end, you'll have a solid understanding of integrating Vue Macros to streamline your Vue.js projects.

How to get hired as a Vue developer

How to get hired as a Vue developer

Learn how to stand out in the competitive job market and increase your chances of landing your dream job as a Vue developer.

Nuxt vs VitePress vs Astro

Nuxt vs VitePress vs Astro

There are many choices for web solutions these days. As a Vue developer, you might be wondering how Nuxt vs Vitepress vs Astro stack up for your needs.

Exploring Vuetify 3

Exploring Vuetify 3

In this article, we will learn about Vuetify 3, the break in changes when migrating from Vuetify 2, and a sample login form example.

Getting Started with Astro for Vue Developers

Getting Started with Astro for Vue Developers

Astro is a new content focused website builder that focuses on shipping less JavaScript. In this article, we will discuss how Vue.js developers can get started with Astro.

ChatGPT for Web Developers

ChatGPT for Web Developers

We’re looking at AI and how we can take advantage of its new and shiny products in our day-to-day activities as engineers.

Vue skills to master in 2023

Vue skills to master in 2023

This is your year to reach mastery and stay there. Check out the guide of Vue topics, tools and trends to stay on top of for 2023.

API Management in Nuxt 3 with TypeScript

API Management in Nuxt 3 with TypeScript

By implementing the repository design pattern, we can make API management in our Nuxt 3 apps efficient and extendable with TypeScript.

Advanced Data Fetching in Vue w/ TanStack Query

Advanced Data Fetching in Vue w/ TanStack Query

Vue Query is a tool for solving scenarios beyond just fetching data, such as caching, synchronizing and updating server state. Learn how this Tanstack tool saves time and engineering complexity with your more nuanced querying needs.

Building a plugin with Vite

Building a plugin with Vite

In this article, we’ll walk through how to create some simple plugins that you can use as the foundation and inspiration for your own custom Vite plugins.

Refresh-proof your Pinia Stores

Refresh-proof your Pinia Stores

By default, the state in Pinia stores is cleared upon browser refresh. Let’s look at 3 simple solutions for refresh-proofing your Pinia stores.

Implementing Dark Mode with VueUse

Implementing Dark Mode with VueUse

Easily add dark mode to your Vue apps with the useDark composable from VueUse

Async with Suspense

Async with Suspense

Learn about Vue 3’s new component called <Suspense /> , which gives us control over how and when our UI renders when the component tree includes asynchronous components.

A brief history of Vue Script Setup

A brief history of Vue Script Setup

Learn how Vue’s Script Setup came to be, and understand how it differs from the Options API and original Composition API.

Vite vs Webpack

Vite vs Webpack

Explore Vite vs Vue CLI under the hood so you can make the best choice for your needs

Utility-First CSS with Tailwind

Utility-First CSS with Tailwind

Modernize your styles with Tailwind, the popular utility-first CSS framework.

Nuxt vs Next - How do they compare?

Nuxt vs Next - How do they compare?

Nuxt & Next are two front end frameworks that share a lot of similarities beyond just their names. Let’s compare them.

Getting Started with Vitest

Getting Started with Vitest

Since Evan You’s build tool Vite has gained massive popularity, there’s now a blazing fast unit test framework that is powered by it: Vitest.

Vite 3 is here! What’s new + how to migrate

Vite 3 is here! What’s new + how to migrate

What’s new in Vite 3? Learn about the new updates.

Best VueUse Composables

Best VueUse Composables

Check out this list of some of the top composables from the VueUse library that can save you tons of time and energy

Vue’s watch vs watchEffect, which should I use?

Vue’s watch vs watchEffect, which should I use?

Let’s unwrap the core differences between watch and watchEffect so that you can use the best tool for the job in your day-to-day code.

Nuxt 3 State Management: Pinia vs useState

Nuxt 3 State Management: Pinia vs useState

What should you use for state management in Nuxt 3? Let’s compare Nuxt’s useState to Pinia.

New Nuxt 3 Feature: Incremental Static Generation

New Nuxt 3 Feature: Incremental Static Generation

In this article, Andy Li goes through the pros and cons of Server Side Rendering (SSR), Static Site Generation (SSG), and a hybrid mode called Incremental Static Generation (ISG).

Advantages of Pinia vs Vuex

Advantages of Pinia vs Vuex

Is Pinia better than Vuex? See how these state management libraries compare and learn how to get started with Pinia.

Coding Better Composables: Async Without Await (5/5)

Coding Better Composables: Async Without Await (5/5)

This tutorial series will serve as your guide on how to craft solid composables that you and your team can rely on.

Coding Better Composables: Start with the Interface (4/5)

Coding Better Composables: Start with the Interface (4/5)

This tutorial series will serve as your guide on how to craft solid composables that you and your team can rely on.

Coding Better Composables: Dynamic Returns (3/5)

Coding Better Composables: Dynamic Returns (3/5)

This tutorial series will serve as your guide on how to craft solid composables that you and your team can rely on.

Coding Better Composables: Flexible Arguments (2/5)

Coding Better Composables: Flexible Arguments (2/5)

This tutorial series will serve as your guide on how to craft solid composables that you and your team can rely on.

Coding Better Composables (1/5)

Coding Better Composables (1/5)

This tutorial series will serve as your guide on how to craft solid composables that you and your team can rely on.

5 Reasons to attend a Vue conference in 2022

5 Reasons to attend a Vue conference in 2022

Wondering if attending a Vue conference is right for you? Explore the reasons you might want to join one.

Vue Router 4: Route Params Not Available on Created/Setup

Vue Router 4: Route Params Not Available on Created/Setup

Do you know how to solve for this breaking change in Vue Router 4? Vue Mastery instructor Marina Mosti explains why route params are not available on created/setup with Vue Router 4.

Understanding Vue 3's "expose"

Understanding Vue 3's "expose"

With the release of Vue 3.2 a new composition tool was made available for us, called "expose"

What Vue skills you need for 2022

What Vue skills you need for 2022

Check out our suggestions for the topics you can start learning now to level up as a Vue developer in 2022

Most popular Vue.js plugins & packages

Most popular Vue.js plugins & packages

Explore some of the most popular and helpful plugins and packages in the Vue.js ecosystem

Nuxt 3 is here! What does that mean for you?

Nuxt 3 is here! What does that mean for you?

The release of Nuxt 3 Beta brings many new features and improvements for Nuxt.js developers. Learn what that means for you in this article. Related courses: Scaling Vue with Nuxt, Vue 3 Composition API, Vue 3 Deep Dive

Learn Vite with Evan You

Learn Vite with Evan You

We partnered with Evan to create a course, Lightning Fast Builds with Vite, that dives deep into using Vite - and we're unlocking it for free September 24-26!

What's new in the Vue 3 Dev Tools

What's new in the Vue 3 Dev Tools

Explore the new features of the Vue 3 developer tools and how they give more insight into your apps and a better debugging experience.

Vue 3 PWAs: Deployment & Performance

Vue 3 PWAs: Deployment & Performance

Learn how to deploy and test the performance of your Vue 3 PWAs.

Vue 3 Migration Build: safely upgrade your app to Vue 3 (Pt. 1)

Vue 3 Migration Build: safely upgrade your app to Vue 3 (Pt. 1)

Use the Migration Guide to convert your Vue 2 app into a Vue 3 one. Download the free Migration Cheat Sheet.

Vue 3 Migration Changes: Replace, Rename, and Remove (Pt. 2)

Vue 3 Migration Changes: Replace, Rename, and Remove (Pt. 2)

A list of essential deprecated changes from Vue 2 to Vue 3. Download the free Migration Cheat Sheet.

Getting started with PWAs and Vue 3

Getting started with PWAs and Vue 3

Start creating progressive web apps with Vue 3. It's simpler than you think.

Vue vs Svelte: Comparing Framework Internals

Vue vs Svelte: Comparing Framework Internals

In this tutorial, we'll put the two frameworks, Vue and Svelte, side-by-side, and compare the different implementation approaches.

Refactoring Vuex with Map Helpers and Modules

Refactoring Vuex with Map Helpers and Modules

Learn how map helpers and modules can make your Vuex code more organized, scalable and readable

Why Vue is the best framework for 2021 (and beyond)

Why Vue is the best framework for 2021 (and beyond)

Why Vue.js is the best JavaScript framework to learn in 2021

Mock Service Worker: API Mocking for Vue.js Development & Testing

Mock Service Worker: API Mocking for Vue.js Development & Testing

Mock Service Worker (MSW) is an exciting API-mocking tool that intercepts your HTTP requests using service worker. This will allow you to make actual HTTP requests that you can inspect with DevTools because MSW works on the service worker level.

ES6 features you can use with Vue now

ES6 features you can use with Vue now

A tour of all the essential ES6 features you can use in your Vue apps now (with IE 11 supports)

Where will Vue go in 2021?

Where will Vue go in 2021?

The world of Vue: what we're grateful for in 2020 and excited about for 2021.

What you can do with Ionic Vue

What you can do with Ionic Vue

Learn how to get started with Ionic Vue to build cross platform native apps with Vue.

Data fetching and caching with SWR and Vue.js

Data fetching and caching with SWR and Vue.js

Let's implement a caching pattern called stale-while-revalidate, or SWR, with Vue.

Vue 2 or Vue 3? Which should I learn in 2022?

Vue 2 or Vue 3? Which should I learn in 2022?

Wondering which version of Vue to learn now? This article helps you decide.

VS Code for Vue.js Developers

VS Code for Vue.js Developers

Learn why VS Code is the best code editor for Vue development and how to set it up for the best development experience.

Getting Started with TypeScript + Vue.js Tutorial

Getting Started with TypeScript + Vue.js Tutorial

Learn about the advantages of TypeScript and how to implement it with Vue

Vue 3.0 is here! What's next?

Vue 3.0 is here! What's next?

Now that Vue 3.0 is out, how can you get started mastering it?

Vue 3: Start Using it Today

Vue 3: Start Using it Today

There are two ways to start using Vue 3. In this article, we'll show you how so you can take advantage of this new version.

Part 3: Client-side GraphQL with Vue.js

Part 3: Client-side GraphQL with Vue.js

We will create a Vue app as a separate project, and use Apollo client to connect it to our API server for data.

Part 2: Building a GraphQL Server

Part 2: Building a GraphQL Server

In this article, we will create an actual GraphQL API server using Apollo Server.

Part 1: Why you should use Vue + GraphQL

Part 1: Why you should use Vue + GraphQL

What’s so special about GraphQL and how it affects both frontend and backend ecosystems?

Vue Router: A Tutorial for Vue 3

Vue Router: A Tutorial for Vue 3

If you’re looking to learn the new Vue Router that uses Vue 3, you’re in the right place. Many things are the same in Vue 3 using Vue Router, but there are a few small differences from Vue 2.

A Vue 3 Learning Path

A Vue 3 Learning Path

We've created a learning path full of courses that teach you Vue 3.

Vue 3: The Future of Front End

Vue 3: The Future of Front End

A look at some of the most exciting new features you can take advantage of as a Vue 3 developer

Vue + Quasar: desktop app and browser extension

Vue + Quasar: desktop app and browser extension

Explore Quasar with Vue by building a basic desktop app and browser extension

Faster hot reloading for Vue development with Vite

Faster hot reloading for Vue development with Vite

Learn about Evan You's latest project Vite, which offers a no-bundler dev setup.

Vue 3: Data down, Events up

Vue 3: Data down, Events up

Vue 3’s v-model gives us new powers. Learn how.

Why Vue is the best framework for 2020

Why Vue is the best framework for 2020

Why Vue.js is the best JavaScript framework to learn in 2020

Creating the Best Video Programming Tutorials

Creating the Best Video Programming Tutorials

Learn how the top programming teachers produce the best video tutorials.

Validating Schema-Driven forms with Vuelidate

Validating Schema-Driven forms with Vuelidate

Validate dynamically generated forms with the popular Vuelidate library.

Reactivity: Vue 2 vs Vue 3

Reactivity: Vue 2 vs Vue 3

How does Vue 3's reactivity compare to the way reactivity was done in Vue 2?

This Month in Vue - January 2020

This Month in Vue - January 2020

Read and listen to Vue Mastery teachers discuss Vue topics from January. We cover Vue Apollo v4, Vue Keep-Alive, and more.

Refresh-Proof Vue Forms with Local Storage

Refresh-Proof Vue Forms with Local Storage

Do you want your user to lose all of their hard work if their browser refreshes? Learn how to prevent that using local storage.

Announcing our VueConf.US Scholarship Winners

Announcing our VueConf.US Scholarship Winners

We are proud to officially announce our two very deserving scholarship winners!

This Month in Vue - December 2019

This Month in Vue - December 2019

We're back with This Month in Vue: Holiday Edition. Continue reading and listening for some special Vue.js treats and surprises from the month of December.

Apply for our VueConf.US Scholarship

Apply for our VueConf.US Scholarship

We're giving away two full scholarships to VueConf.US 2020!

This Month in Vue - November 2019

This Month in Vue - November 2019

Read and listen to Vue Mastery teachers discuss Vue topics from November. We cover Vue 3, Vue SSR, domain-driven Vue.js architecture, and more.

Top ways to learn Vue 3

Top ways to learn Vue 3

A categorized list of the best ways to start learning Vue 3

Why Nuxt.js is the perfect framework for building static websites

Why Nuxt.js is the perfect framework for building static websites

Let's explore a complex case-study built with Nuxt.js, Tailwind CSS, and the GreenSock Animation Platform.

This Month in Vue - October 2019

This Month in Vue - October 2019

Read and listen to Vue Mastery teachers discuss Vue topics from October. We cover Vue 3, dependency injection, unit testing, AI in your Vue app, and conic gradients.

Unit Testing in Vue: More complex components

Unit Testing in Vue: More complex components

In the final article in this series, we learn about unit test components with a bit more complexity.

Unit Testing in Vue: Your First Test

Unit Testing in Vue: Your First Test

Write your first Vue.js unit test using the Jest and vue-test-utils libraries.

This Month in Vue - September 2019

This Month in Vue - September 2019

Read and listen to Vue Mastery teachers discuss 6 Vue topics from September. We cover unit testing, micro-component architecture, VuePress, passion projects with pianos, Vue conferences, and data provider components.

Unit Testing in Vue: What to Test?

Unit Testing in Vue: What to Test?

Getting started with unit testing in Vue.js means learning how to identify what needs to be tested and what doesn't. In part 1 of our beginner's guide of Unit Testing in Vue, we understand the goals of unit testing and what to test and not to test.