Overview
The ability to create Vue components as small decoupled units is necessary for the organization of applications. With this, parent-child and sibling-sibling components need to interact and manage information among each other. This is where it becomes incredibly important to have appropriate state management for predictability and maintainability of your entire application.
This talk will cover how to manage data between components, what ‘custom events’ are and the cons associated with using them, how to use a small global store for simple state management and finally, why Vuex is the most appropriate method for managing state for medium to large applications.
Objective
To demonstrate different ways to handle data between components and understand the importance of state management for large applications.
Target Audience
Folks interested in understanding how to manage data within medium to large scale Vue applications.
Assumed Audience Knowledge
Basic understanding of core JavaScript principles.
Five Things Audience Members Will Learn
- Using props for parent-child data flow
- What are Vue custom events and when should we use them
- The issues associated with using custom events
- How to build a simple global store
- What is Vuex and when should we use it
