Vuex Quick Start Guide

Develop consistent web apps with Vuex by easily centralizing the state of your application
Preview in Mapt

Vuex Quick Start Guide

Andrea Koutifaris
New Release!

Develop consistent web apps with Vuex by easily centralizing the state of your application
Mapt Subscription
FREE
$29.99/m after trial
eBook
$10.00
RRP $23.99
Save 58%
Print + eBook
$29.99
RRP $29.99
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$10.00
$29.99
$29.99 p/m after trial
RRP $23.99
RRP $29.99
Subscription
eBook
Print + eBook
Start 14 Day Trial

Frequently bought together


Vuex Quick Start Guide Book Cover
Vuex Quick Start Guide
$ 23.99
$ 10.00
Vue JS 2 - The Complete Guide (incl. Vue Router and Vuex) [Video] Book Cover
Vue JS 2 - The Complete Guide (incl. Vue Router and Vuex) [Video]
$ 188.99
$ 10.00
Buy 2 for $20.00
Save $192.98
Add to Cart

Book Details

ISBN 139781788999939
Paperback152 pages

Book Description

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.

Table of Contents

Chapter 1: 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
Chapter 2: 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
Chapter 3: Setting Up Development and Test Environment
Technical requirements
Setting up the development environment
Summary
Chapter 4: 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
Chapter 5: Debugging Vuex Applications
Using vue-devtools
Enabling the Vuex built-in logger plugin
Summary
Chapter 6: 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

What You Will Learn

  • Moving from classical MVC to a Flux-like architecture
  • Implementing predictable centralized state management in your applications using Vuex
  • Using ECMAScript 6 features for developing a real application
  • Using webpack in conjunction with Vue single file components
  • Testing your Vue/Vuex applications using Karma/Jasmine and inject-loader
  • Simple and effective Test Driven Development
  • Extending your application with Vuex plugins

Authors

Table of Contents

Chapter 1: 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
Chapter 2: 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
Chapter 3: Setting Up Development and Test Environment
Technical requirements
Setting up the development environment
Summary
Chapter 4: 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
Chapter 5: Debugging Vuex Applications
Using vue-devtools
Enabling the Vuex built-in logger plugin
Summary
Chapter 6: 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

Book Details

ISBN 139781788999939
Paperback152 pages
Read More

Read More Reviews

Recommended for You

Vue JS 2 - The Complete Guide (incl. Vue Router and Vuex) [Video] Book Cover
Vue JS 2 - The Complete Guide (incl. Vue Router and Vuex) [Video]
$ 188.99
$ 10.00
Getting Started with Dynamics 365 Customer Engagement [Video] Book Cover
Getting Started with Dynamics 365 Customer Engagement [Video]
$ 124.99
$ 10.00
Angular 5 (formerly Angular 2) - The Complete Guide [Video] Book Cover
Angular 5 (formerly Angular 2) - The Complete Guide [Video]
$ 184.99
$ 10.01
Progressive Web Apps (PWA) - The Complete Guide [Video] Book Cover
Progressive Web Apps (PWA) - The Complete Guide [Video]
$ 149.99
$ 10.01
A Developer's Guide to Blockchain, Bitcoin and Cryptocurrencies [Video] Book Cover
A Developer's Guide to Blockchain, Bitcoin and Cryptocurrencies [Video]
$ 49.99
$ 10.00
A Quick Guide to iOS 11's New Features [Video] Book Cover
A Quick Guide to iOS 11's New Features [Video]
$ 124.99
$ 10.00