State managment in Vue 3 with Typescript - Vuejs Pinia Tutorial / Vuex Killler?

Опубликовано: 12 Июнь 2026
на канале: Justin Brooks
19,647
441

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.


✨ SOCIAL ✨
Discord -   / discord  
Twitter -   / jsbroks  


⚡ RESOURCES ⚡
Source Code - https://github.com/codingwithjustin/p...
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