Coding With Justin

VideosCoursesPricing

Vuex

Similar topics

Content

Creating a Vuex Clone with Vue 3 Composition API
6:30

Creating a Vuex Clone with Vue 3 Composition API

Do we still need Vuex? Vuex is an awesome state management library. It's simple and integrates well with Vue. But the new composition API in Vue 3 exposes the underlying reactivity system and introduces new ways for structuring our applications. The new reactivity system is so powerful that it can be used for centralized state management.

videovuevuexcomposition-api

Justin Brooks • November 23, 2020


Advanced Vuex with Modules, and Actions in Vue 3

Advanced Vuex with Modules, and Actions in Vue 3

Knowing how Vuex works is important but knowing when and how to store state in Vuex is equally as important. If you’re working on a large-scale Vue app, you may encounter situations where you need the same data at two completely different places in your application. This is the point at which a centralized state management tool like Vuex oftentimes makes a lot of sense.

videovuexvueadvanced

Justin Brooks • November 17, 2020


Vuex Basics in Vue 3 with Composition API in 6 minutes

Vuex Basics in Vue 3 with Composition API in 6 minutes

Today we will be creating a simple counter app from scratch to learn the basics of using Vuex 4 with Vue 3 Composition API. We'll start by taking a look at Vuex concepts like state, getters, and mutations and how to use them within the options API, then we will switch over the compositions API and implement the same functionality. We'll also create some reusable helper functions to make accessing the store in the composition API more readable.

videovuevuexcompoition-api

Justin Brooks • November 9, 2020


Vue 3 and Vuex Testing for Beginners

Vue 3 and Vuex Testing for Beginners

Testing in Vue 3 provides benefits such as easier refactoring later down the line, quicker debugging, and documentation about your application. Today, we will be creating a Vue 3 app and adding unit tests with jest. We'll do this by using the Vue Test Utils library which is a set of functions to simplify the testing of Vue.js components. It provides methods to mount and interact with Vue components in an isolated manner. We'll also take at a more advanced use case where we will create a mock Vuex store for the component.

videovuevuextestingjest

Justin Brooks • October 26, 2020


Creating a Vuex Todo App with full Typescript Support using Vue 3 Composition API in 5 minutes

Creating a Vuex Todo App with full Typescript Support using Vue 3 Composition API in 5 minutes

Do you still need Vuex in Vue 3? In this video, we will be looking at the changes made to Vuex 4 and then using these concepts to create a todo using Vue 3's composition API with typescript support. The major goal of version 4 is to support the new Composition API introduced in Vue 3 and to simplify the usage of Vuex overall. It is also intended to support a more robust inference for TypeScript. I do feel the new way of typescript support in Vuex is improved but it is verbose and still needs more improvement. We will explore this in detail with a todo app example

videovuevuextypescript

Justin Brooks • October 5, 2020

Coding With Justin

© 2021 Justin Brooks. All rights reserved.