Vuex Quick Start Guide

By : Koutifaris

3 (2)

Buy this Book

Vuex Quick Start Guide

3 (2)

By: Koutifaris

Buy this Book

Overview of this book

State management preserves the state of controls in a user interface. Vuex is a state management tool for Vue.js that makes the architecture easier to understand, maintain and evolve. This book is the easiest way to get started with Vuex to improve your Vue.js application architecture and overall user experience. Our book begins by explaining the problem that Vuex solves, and how it helps your applications. You will learn about the Vuex core concepts, including the Vuex store, changing application state, carrying out asynchronous operations and persisting state changes, all with an eye to scalability. You will learn how to test Vuex elements and Vue components with the Karma and Jasmine testing frameworks. You will see this in the context of a testing first approach, following the fundamentals of Test Driven Development. TDD will help you to identify which components need testing and how to test them. You will build a full Vuex application by creating the application components and services, and persist the state. Vuex comes with a plugin system that allows programmers to extend Vuex features. You will learn about some of the most powerful plugins, and make use of the built-in logger plugin. You write a custom Google Analytics plugin to send actions to its analytics API, and an Undo/Redo plugin.

Preface

Who this book is for

What this book covers

To get the most out of this book

Get in touch

Free Chapter

Rethinking User Interfaces with Flux, Vue, and Vuex

MVC problems and the Flux solution

What is Vuex?

Understanding the Flux fundamentals

Benefits of using Flux

Summary

Implementing Flux Architecture with Vuex

Technical requirements

Vuex at a glance

Boilerplate code for the examples

Vue.js reactivity system explained

Understanding the core concepts of Vuex

Enabling strict mode while developing

Form handling restrictions when using Vuex

A simple counter example

Summary

Setting Up Development and Test Environment

Technical requirements

Setting up the development environment

Summary

Coding the EveryNote App Using Vuex State Management

Technical requirements

Designing the EveryNote web app

Developing the EveryNote app

Synchronizing with a remote server

Summary

Debugging Vuex Applications

Using vue-devtools

Enabling the Vuex built-in logger plugin

Summary

Using the Vuex Plugin System

Technical requirements

Understanding the Vuex plugin system

Empowering EveryNote with two plugins

Developing a Google Analytics plugin

Developing an undo/redo plugin

Dealing with asynchronicity using promises

Summary

Other Books You May Enjoy

Leave a review - let other readers know what you think

Customer Reviews

3 (2)

5 star

4 star

50%

3 star

2 star

50%

1 star

Other Books You May Enjoy

If you enjoyed this book, you may be interested in these other books by Packt:

Vue.js 2 Design Patterns and Best Practices
Paul Halliday

ISBN: 978-1-78883-979-2

Understand the theory and patterns of Vue.js
Build scalable and modular Vue.js applications
Take advantage of Vuex for reactive state management
Create single page applications with vue-router
Use Nuxt for FAST server-side rendered Vue applications
Convert your application to a Progressive Web App (PWA) and add ServiceWorkers and offline support
Build your app with Vue.js by following best practices and explore the common anti-patterns to avoid

Full-Stack Vue.js 2 and Laravel 5
Anthony Gore

ISBN: 978-1-78829-958-9