Properly typed Vuex Stores

This is the first article in our Structuring Large Vue.js Applications series. Here is the full list of released and planned articles:

Vue.js calls itself “The Progressive JavaScript Framework”, meaning by that that the entry barrier to start using it is very low, but as one’s needs grow, Vue’s capabilities and its ecosystem will be there to match those needs.

When apps start to grow beyond mid-size, TypeScript starts to be more and more valuable to manage complexity.

This article discusses ways of putting all this together, to have a solid base for a large application using Vue, Vuex, and TypeScript.

After installing vue-cli, just run vue create <project name>, answer a few questions and you will be up and running. Make sure to select Manually select features in the Please pick a preset stage and check TypeScript and Vuex.

When vue-cli finishes scaffolding the app and installing all dependencies, we will have a Vuex store stubbed out for us, in TypeScript:

Related posts:

We have been ramping up our support for Layer 2’s, with our native support for zkSync, Arbitrum and Optimism. We here to introduce one Arbitrum DApp to use in imToken: Swapr, the AMM fork of Uniswap…

Product Discovery is an essential and critical part of building successful digital products. We have to get a deep understanding of our users to build the right things. Product Discovery helps us to…

Electric Bicycle Manufacturers in India are serving the needs of the best customers. Having special features makes it an ideal choice for riders. Electric bicycles have come up as the transportation…