Episode 66: RFC The Vue: Vuex 5

Key Points From This Episode: - A brief description of Vuex, a Redux pattern, but implemented in Vue. - All the new features on the horizon for Vuex 5 to be found in the RFC. - Removing mutations and allowing updates to state to happen via actions. - Flux architecture as a conceptual framework for data flow through your application. - Whether there is any need for the Vuex store considering the Vue3 composition API. - Perspectives on the decision to get rid of modules and have multiple global stores. - Getting away from a mixin paradigm with hook-into methods and moving to pure state. - Composition-based stores rather than passing in objects and the advantages of this. - Different ways of using the composition API and what the future might hold. - Not having to reference the dot value part of each property when using a composition store. - Discussing what it means that Vuex 5 is proposing automatic store registration. - How circular store references work and the limited support for these in Vuex 5. - The addition of plugins, how to use them, and how store actions could trigger router actions. - TypeScript support, how to link it with plugins, and the extra accessibility this provides. - Serialization and hydration, what this means, and how it allows for data to be stored and rebuilt. - An overview of the structure of the RFC and how user-friendly it was to read. Tweetables: - “The current thinking is, why don't we just not have mutations and allow updates to state to happen in an action?” — @EnjoyTheVueCast [0:03:41] - “Dare I say, this almost feels like mixins, but make it name-spaced. You’re just rolling all the stuff in. It feels cleaner somehow.” — @EnjoyTheVueCast [0:15:58] - “This whole thing feels very exciting in a very weird way. Because I feel I'm more familiar with this non-existent Vuex 5 than I am with the existing Vuex 3 that I've been using for the past few years.” — @EnjoyTheVueCast [0:28:43] - “This is a really, really big change in how things work” — @EnjoyTheVueCast [0:36:11] Links Mentioned in Today’s Episode: - Vuex 5 RFC (https://github.com/kiaking/rfcs/blob/vuex-5/active-rfcs/0000-vuex-5.md) - The State of Vuex at VueJS Global (https://www.youtube.com/watch?v=ajGglyQQD0k), Kia King (VueJS Global) - Flux (https://facebook.github.io/flux) - Redux (https://en.wikipedia.org/wiki/Redux_(JavaScript_library)) - 7 secret patterns Vue consultants don’t want you to know, Chris Fritz (VueConf US 2018) (https://www.vuemastery.com/conferences/vueconf-us-2018/7-secret-patterns-vue-consultants-dont-want-you-to-know-chris-fritz) - Frostbeard Studio (https://www.frostbeardstudio.com/) - WandaVision (https://www.disneyplus.com/series/wandavision/4SrN28ZjDLwH), Disney+ - mask chains (Etsy) (https://www.etsy.com/search?q=mask+chain)