Vue3: Modern Frontend App Development

on YouTube ↗23m

" summary

Vue 3 + Composition API is used to build a working shopping cart (bike and helmet) wired to Pinia; the demo shows item removal, subtotal and a tax calculation (1.1%), and live updates in the UI. Pinia claims ~1KB minified, offers modular per-business stores, exposes getters and actions (there are no mutations — state changes happen in actions), supports store.patch, store.reset, HMR and SSR, and interoperates with existing Vuex code.

AI-written summary · about

" chapters (6)

1. 0:00Start
2. 1:41State in frontend
3. 3:46Could we make things more modular
4. 5:44Meet pinia
5. 7:41Code demo
6. 20:55Comparison

" related talks

• 48mVUE3 & Pinia A Better Pattern for Global State ManagementWill Marple · Connect.Tech 2022
• 36mThe biggest eCommerce Vue project with Composition APIFilip Rakowski · vueday 2020
• 23mMaking eCommerce sexy again with Vue Storefront and Composition APIFilip Rakowski · Vue.js Amsterdam 2020
• 25mEverything Beyond State Management in Stores with PiniaEduardo San Martin Morote · Vue.js London Live 2021
• 16mEffortless State Management in Nuxt 3 with Pinia: Practical GuideEthiel Adiassa · Nuxt Nation 2023
• 23mEcommerce as easy as an UI componentRamona Schwering · Vuejs Amsterdam 2023
• 22mYou might not need VuexNatalia Tepluhina · Vue.js Amsterdam 2020
• 32mScalable Front End Architecture with the Composition API and Composable FunctionsWill Marple · Vue.js Nation 2023