Vuex Tutorial

8 tutorials

All

Tailwind CSS

Build a Static Site with Figma & Astro

Django with HTMX

Node.js Tutorial for Beginners

JavaScript

Python 3 for Beginners

CSS Positioning Tutorial

Canva Tutorials

HTML Tutorial for Beginners

YouTube SEO Tutorial

PSD to Responsive Website

TypeScript Tutorial

Claude Code

Responsive Web Design

PSD to WordPress

GraphQL Crash Course

CSS Animation Tutorial

CSS Flexbox Tutorial

JavaScript ES6 Tutorial

Angular 2 Tutorial

SASS Tutorial

CSS Tips and Tricks

WebSockets (Socket.io) Tutorial

Asynchronous JavaScript

Grunt JS Tutorial

Styling HTML 5 Forms

Webpack Tutorial for Beginners

REST API Tutorial

Vue JS 2 Tutorial

Vuex Tutorial

JavaScript DOM Tutorial

CSS Grid Tutorial

OAuth Login (Passport.js) Tutorial

Django Tutorial

Object Oriented JavaScript Tutorial

#1 What is Vuex?

Understand what Vuex is, why you need centralized state management, and how it helps manage data in large Vue applications.

#2 A Simple Vue App

Build a simple Vue app without Vuex first — see the limitations of props and events, setting the stage for centralized state management.

#3 Setting up a Central Store

Install Vuex and create a central store — move your application's shared state into a single, accessible location.

#4 Using Computed Properties

Use computed properties to reactively access store state in components — keep templates clean and responsive to state changes.

#5 Getters

Define getters in the Vuex store — centralized computed properties that any component can access for derived state.

#6 Mutations

Change state with mutations — the only way to modify store state, ensuring all changes are trackable and synchronous.

#7 Actions

Handle asynchronous operations with actions — dispatch actions that perform async work and then commit mutations to update state.

#8 Mapping Actions & Getters

Use mapGetters and mapActions helpers to simplify component code — eliminate boilerplate when accessing the store.