Тёмный

Pinia Vue 3 State Management | Vue JS 

Marius Espejo
Подписаться 29 тыс.
Просмотров 21 тыс.
50% 1

Опубликовано:

 

13 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 75   
@franciscokloganb
@franciscokloganb 2 года назад
Vitesse is great, but I am still hoping for an official Nuxt3 launch this year. Vuex was relatively straightforward to use but Pinia is even more intuitive! Used it a few times, but still managed to learn something new from this video. Great job Marius.
@mariusespejo
@mariusespejo 2 года назад
Thank you! Nuxt3 is definitely looking good, will probably cover that in another video sometime
@JamesShisiah
@JamesShisiah 2 года назад
Great tutorial Marius. This helped me pick up Pinia real fast!
@jovenban-as9325
@jovenban-as9325 2 года назад
Nice! Another new state management to check & learn.
@mustafa_sakalli
@mustafa_sakalli 2 года назад
Hey man. Just wanted to say you are so understandable throughout in every video. You never miss a point May confuse us, it's always clear. Thx for efforts!
@mariusespejo
@mariusespejo 2 года назад
Thank you so much, appreciate the feedback 🙏
@ryansurv
@ryansurv 2 года назад
I'd bank with the Bank of Pinia. Nice video dude!
@mariusespejo
@mariusespejo 2 года назад
Thanks!! 🍍🍍🍍
@caiovinicius7871
@caiovinicius7871 2 года назад
Ty for this amazing content about Pinia!
@mariusespejo
@mariusespejo 2 года назад
glad you like it Caio! thanks for stopping by to comment!
@yesimhere7285
@yesimhere7285 2 года назад
Nice job explaining Pinia. Enough so that I can understand all the specifics but not too much. Thank you. Also would like to add my vote for router tutorial!
@mariusespejo
@mariusespejo 2 года назад
Thanks!! will definitely consider that, thanks for the idea
@AdityaTech
@AdityaTech 2 года назад
Thank you for this video. Finally, I understand Pinia clearly. After a lot of searching found a proper clear video. 🙂
@mariusespejo
@mariusespejo 2 года назад
Glad it helped!
@command-tab
@command-tab 2 года назад
Great intro to Pinia! Thanks!
@jakubczechowski1159
@jakubczechowski1159 2 года назад
Thank you for video ! 😀 Previously I watched NestJs and TypeORM tutorials - they all are super helpful for me
@mariusespejo
@mariusespejo 2 года назад
Great!! Thanks for stopping by to comment 🙂
@andrenolasco9376
@andrenolasco9376 2 года назад
Thank you for the awesome video! Help me to understand how Pinia works.
@ItzAnameOk
@ItzAnameOk 2 года назад
Another banger video Mr. Mirror. Keep it up!
@veritatas678
@veritatas678 2 года назад
Cool Video ,I was just about to start a new Project. 👍
@SusanthCom
@SusanthCom 2 года назад
Good job ❤️ thank you
@zathkal4004
@zathkal4004 Год назад
Awesome one fam
@nilsdannemann
@nilsdannemann 2 года назад
Cool video. Thanks. I'd also like to see some nuxt3 videos 👍
@mariusespejo
@mariusespejo 2 года назад
Nuxt3 is looking pretty cool, definitely will try to cover that as it becomes more stable
@Martin-kt8sz
@Martin-kt8sz 2 года назад
Your videos are so good and interesting, GREAT JOB ! +1 sub
@mariusespejo
@mariusespejo 2 года назад
Thanks Martin! 🙏
@JorgeSantamariaRamos
@JorgeSantamariaRamos 2 года назад
Nice video!
@mariusespejo
@mariusespejo 2 года назад
Thanks!
@bertrandatemkeng7453
@bertrandatemkeng7453 2 года назад
You are the best. Thanks for not using the almighty counter demo
@mariusespejo
@mariusespejo 2 года назад
Thanks!! I’m glad the banking example wasn’t too lame haha
@jfordgaming9615
@jfordgaming9615 2 года назад
How about code splitting? like, `state`, `actions` and `getters`.
@ChrisWi88
@ChrisWi88 2 года назад
I like the simplicity of Pinia a lot. Too much boilerplate with solutions like Redux or Vuex. Also works perfectly with Typescript. By the way, I've created a logger plugin if anyone's interested. It's called "pinia-logger" on NPM
@mariusespejo
@mariusespejo 2 года назад
Unless you’re trying to send logs somewhere else couldn’t you just use devtools? It already logs each mutation
@hobbitonlike
@hobbitonlike 2 года назад
Hello there. I use VSCode, but can't seem to get it to work properly so as to recognize that "this" within the pinia actions and getters refers to the state, and therefore i'm not getting any autocompletion (from around 13:25). I followed the tutorial step by step. Thanks :)
@mariusespejo
@mariusespejo 2 года назад
Hmm not sure, you might need to install volar vs code extension if you don’t already have it
@hobbitonlike
@hobbitonlike 2 года назад
@@mariusespejo Yea i have that installed. Still doesn't autocomplete for some reason 🤷‍♂️ thanks for the quick reply though!! ;)
@dimitrisefstathiadis6562
@dimitrisefstathiadis6562 2 года назад
I am pretty sure if you put your Types as Generics of the defineStore, you will get automatically type inference throughout the store.
@mariusespejo
@mariusespejo 2 года назад
Hmm maybe, I’ll give that a try, thanks!
@warraupe9373
@warraupe9373 2 года назад
Great video!
@mariusespejo
@mariusespejo 2 года назад
Thanks!
@NASAOrbit45
@NASAOrbit45 2 года назад
Please make a video Pinia with composition API.
@mariusespejo
@mariusespejo 2 года назад
I mean this video was on composition API, it’s just using the new “script setup” so you don’t have to write the code inside the setup method
@kai-mo
@kai-mo 2 года назад
How can you even record the sound of the keyboard when you use an MV7 microphone? Do you use two microphones by any chance?
@mariusespejo
@mariusespejo 2 года назад
it’s a mechanical keyboard, it’s loud lol is it distracting?
@kai-mo
@kai-mo 2 года назад
No, I'm going to do programming RU-vid, too. I'm going to use the MV7 microphone. And I need to record the sound of the keyboard.
@mariusespejo
@mariusespejo 2 года назад
Ah I see hope your channel goes well!
@vistauz
@vistauz 2 года назад
How you record your videos? What's your camera, lights and microphone?
@mariusespejo
@mariusespejo 2 года назад
It’s nothing special man! I recommend start with what you have and gradually upgrade, never buy expensive gear upfront it’s not worth it. But I’ll probably do a setup video soon for those interested, it’s a lot to type in a comment right now haha
@UzHandy
@UzHandy 2 года назад
@@mariusespejo Didn'y you make a video about your recordings as you told?
@chaynes89
@chaynes89 2 года назад
Excellent job, theme please?
@mariusespejo
@mariusespejo 2 года назад
In most of my videos I usually use either github dark, night owl, or monokai pro!
@adityafawzan312
@adityafawzan312 2 года назад
hello marius, do you know how to use router.push() in pinia store, assume i have file stores/main.ts, how to implement it in that file ? also, how to access custom properties on vue devtool ?
@mariusespejo
@mariusespejo 2 года назад
Pinia is meant to manage your state not your routes, I would suggest separating those concerns. Also devtools already shows the values of a pinia store including values returned by getters, not sure what else you’d be looking for there
@ukaszdymek2572
@ukaszdymek2572 2 года назад
Is it still necessary to use pinia or vuex when we have composition API and composables? Why not to move all store logic into pure composables?
@mariusespejo
@mariusespejo 2 года назад
You can get pretty far with just a simple shared reactive object.., you can also use provide/inject to share data within a subtree easily.. generally though there are cases where state management gets complex enough that it makes you want to use something more powerful. It really depends on the use case. However there are other things to consider like improved devtools support, HMR, plugins, etc. If your state is fairly simple you probably don’t need vuex/pinia but you’ll realize as your state becomes more complex you’ll eventually slowly reinvent what pinia/vuex already built for you
@lord4791
@lord4791 2 года назад
Amazing as usual! Can you please make more project-based tutorials? (React) :D
@mariusespejo
@mariusespejo 2 года назад
I definitely want to make more of those!
@Yan-sd2ij
@Yan-sd2ij 2 года назад
what font are you using?
@mariusespejo
@mariusespejo 2 года назад
I think just the standard font, I’ll have to check
@jaymartinez311
@jaymartinez311 2 года назад
Vue 3, Pinia, vue router and nestjs video please 😃
@mariusespejo
@mariusespejo 2 года назад
Definitely more vue content in the future!
@snoopy8870
@snoopy8870 2 года назад
what's the vscode theme name?
@mariusespejo
@mariusespejo 2 года назад
Most of my videos are usually just using variations of either night owl, github dark, or monokai pro
@snoopy8870
@snoopy8870 2 года назад
@@mariusespejo and fonts?
@anridev24
@anridev24 2 года назад
which icons theme is this>?
@mariusespejo
@mariusespejo 2 года назад
Icons? Just standard vs code, don’t think i changed that
@wduandy
@wduandy 2 года назад
You look like Evan You :O
@mariusespejo
@mariusespejo 2 года назад
Walter!!
@wduandy
@wduandy 2 года назад
@@mariusespejo Say my name
@michaeloosthuizen2383
@michaeloosthuizen2383 2 года назад
Just another person walking through somebody else's example...
@mariusespejo
@mariusespejo 2 года назад
you watch the whole thing? Would love to know who else has the same banking example that I literally just randomly made up lol
@azizbekaslanov9997
@azizbekaslanov9997 2 года назад
Please, decrease the width of the video as it distracts the person watching your video
@mrravy8873
@mrravy8873 Год назад
How to make vs code and terminal look like yours ?
@MW-fm1qq
@MW-fm1qq 2 года назад
Thanks for this video! It's really lovely!
@mariusespejo
@mariusespejo 2 года назад
Thanks Misha, glad you think so!
Далее
Learn Pinia in 30 MINUTES! (Vue JS 3)
33:58
Просмотров 119 тыс.
What are my thoughts on Vue3
25:21
Просмотров 11 тыс.
Introduction To Pinia | Vue 3
12:52
Просмотров 8 тыс.
Vue 3 & Composition API - Full Project
1:09:15
Просмотров 136 тыс.
The Pinia Crash Course
34:40
Просмотров 16 тыс.
Let's Fix The Fatal Flaw in TypeScript's Union Types!
13:45
Dissecting the Pinia Source Code
20:34
Просмотров 6 тыс.