Vuex quick start guide : centralized state management for your Vue.js applications. / Andrea Koutifaris.

Format:

Book

Author/Creator:

Koutifaris, Andrea, author.

Language:

English

Subjects (All):

JavaScript (Computer program language).

Web applications--Development.

Web applications.

Web applications--Programming.

Web site development.

Physical Description:

1 online resource (144 pages)

Edition:

1st ed.

Place of Publication:

Birmingham ; Mumbai : Packt, 2018.

Biography/History:

Koutifaris Andrea: Andrea Koutifaris has a passion for programming, which he likes to say is in his DNA. At the age of thirteen, he began using his father's laptop to write his own programs. After graduating high school, he enrolled, without a second thought, at the University of Florence, Faculty of Computer Engineering. After being a Java developer for some years, Andrea gradually moved to frontend development, which is still his passion today. Having spent too much time fixing problems with messed up code, he is obsessed with good programming and test-driven development which, in his opinion, is the only way to write production-quality code.

Summary:

State management preserves the state of controls in an 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.

Contents:

Cover

Copyright and Credits

Packt Upsell

Contributors

Table of Contents

Preface

Chapter 1: Rethinking User Interfaces with Flux, Vue, and Vuex

MVC problems and the Flux solution

What is Vuex?

Understanding the Flux fundamentals

Actions

Dispatcher

Stores

Views

Rendering data in the stores

Stores and private components model

Summarizing Flux architecture

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

Understanding the Vuex store

Accessing the single state tree inside components

The mapState helper

Components' local state

Computing a derived state with getters

The mapGetters helper

Changing the application state with mutations

Commiting a mutation

Enumerating mutation types using constant strings

Mutations must be synchronous

The mapMutations helper

Committing mutations within actions

Action declaration

Dispatching an action

The mapActions helper

Using modules for better scalability

Module local state

Module with namespace

Dynamic module registration

Module reuse

Enabling strict mode while developing

Form handling restrictions when using Vuex

A simple counter example

Chapter 3: Setting Up Development and Test Environment

Setting up the development environment

Using npm to prepare the project for Vue/Vuex

Using vue-loader for single-file components

Configuring the test environment

Chapter 4: Coding the EveryNote App Using Vuex State Management

Designing the EveryNote web app

Application structure

Developing the EveryNote app.

Using a to-do list to help the development process

Displaying a list of notes

Creating new notes

Deleting existing notes

Updating existing notes

Other features

Recap and some considerations

Synchronizing with a remote server

Chapter 5: Debugging Vuex Applications

Using vue-devtools

Component inspector

Events inspector

Vuex time travel

Enabling the Vuex built-in logger plugin

Chapter 6: Using the Vuex Plugin System

Understanding the Vuex plugin system

Empowering EveryNote with two plugins

Saving the app state with vuex-persistedstate

Synchronizing router data with vuex-router-sync

Developing a Google Analytics plugin

Developing an undo/redo plugin

Dealing with asynchronicity using promises

Chaining promises

Parallel execution of promises

Common mistakes when using promises

Other Books You May Enjoy

Index.

Notes:

Description based on print version record.

ISBN:

9781788991544

1788991540

OCLC:

1463580798