The JavaScript portion of the application presents the transactions data to the user and allows them to easily add, edit, and remove transactions. The application is split across several files to simplify the development process and uses the libraries described in the JavaScript libraries used section of this chapter. In this section, we will build the application step by step, starting with the API and global state interaction layer. We'll write functions to instantiate and interact with our Wasm module and review the Vue components required to build the user interface.
The application is broken down into contexts to simplify the development process. We'll build the application from the bottom up to ensure we don't have to bounce back and forth between the different contexts when writing code. We'll start with the Wasm interaction code, then move on to the global store and API interaction. I'll describe the purpose of each Vue component, but the source...