Today we will be looking at Pinia, which uses the new reactivity system to build an intuitive and fully typed state management system. We will be creating a shopping cart application from scratch to learn the basics of using Pinia with Vue 3 Composition API and Typescript. This application will allow users to add and remove URLs from a shopping cart store created from Pinia.

⚡ RESOURCES ⚡
Source Code - https://github.com/codingwithjustin/pinia-cart-example
Pinia Github - https://github.com/posva/pinia
Vue 3 Docs - https://v3.vuejs.org/

⭐ TIMESTAMPS ⭐

  • 0:00 - Intro
  • 1:00 - Why Pinia?
  • 2:50 - Creating Pinia Project
  • 3:45 - Creating Store
  • 5:15 - Using store in Components
  • 6:37 - Conclusion

#vue #typescript #javascript

State Managment in Vue 3 with Typescript - Vuejs Pinia Tutorial / Vuex Killler?
13.45 GEEK