Tap to unmute

Vue JS State Management with Pinia! | Pinia & Composition API Tutorial

  Рет қаралды 14,270

Tyler Potts

Tyler Potts

Күн бұрын

Пікірлер: 31
@groovbox
@groovbox 2 жыл бұрын
THANK YOU for not use the same useless counter store example as almost every other guide on pinia
@SLRModShop
@SLRModShop 2 жыл бұрын
took me a while to understand the point of computed() because of that, all their examples were useless, with other, more convenient ways to achieve what they were doing. Add to that all the youtubers making content after they've read the documentation once... Yeah, not many great Vue channels out there, unfortunately. took me 6 months to learn that I can use v-bind(nameOfVariable) in CSS!
@victoradekunle3734
@victoradekunle3734 2 жыл бұрын
Thanks for this tutorial tyler and pinia is so great 🥺, makes working with state easier
@TylerPotts
@TylerPotts 2 жыл бұрын
Thanks for watchng, Victor!
@vampirejs758
@vampirejs758 2 жыл бұрын
Yoo thanks for such a great tutorial , Tyler 😀😀
@TylerPotts
@TylerPotts 2 жыл бұрын
Yoo thanks for watching the tutorial, Vamp!
@vigilantezack
@vigilantezack 2 жыл бұрын
Ok basic question here; how do you save the store so everything is not wiped out when the browser refreshes? I assume it has to go to session or cookie or local storage or something? So how do you keep the data saved so it's not lost on page change?
@TylerPotts
@TylerPotts 2 жыл бұрын
I would either use a database or localstorage for that!
@vigilantezack
@vigilantezack 2 жыл бұрын
@@TylerPotts Yes that would have to be the case. It's just that I've found dozens of state management how-tos and such but everybody stops short of explaining how to actually keep the state! I'm assuming there are tools to persist state, that's what I thought state management was to begin with, Vuex or Pinia. But then I learn those don't actually persist the state, so now I guess there must be even more state management tools/plugins? Tutorials always stop short of explaining how to maintain state. Nobody wants to write an app or game or todo list that wipes out all your data if the browser gets refreshed. That would seem like a given topic to go over when dealing with state management. Thanks!
@miinmara
@miinmara Жыл бұрын
very usefull tutorial, thanks, Tyler your IDE didn't fix "localcompare" to "localecompare" right away for some reason
@dangerzone-136
@dangerzone-136 2 жыл бұрын
Looking more tutorials, thanks!
@TylerPotts
@TylerPotts 2 жыл бұрын
More to come!
@Free--Soul
@Free--Soul Жыл бұрын
great job!!
@TylerPotts
@TylerPotts Жыл бұрын
Thank you! Cheers!
@윤승근-m2d
@윤승근-m2d 2 жыл бұрын
Hey Tyler Potts. Thank you. Your Pinia video helped me a lot😎 I'm watching the video and I'm curious about the following. 1. I'm very curious about the extension program in your Visual Studio Code, which recommends what parameters of the method should be used.
@protocode_227
@protocode_227 2 жыл бұрын
Perfect! Now let's update the Vue/Sanity live feed thingy :D
@sylvesterdaniel6069
@sylvesterdaniel6069 2 жыл бұрын
Very precise. Thanks
@maxautoton5733
@maxautoton5733 2 жыл бұрын
What is Your vscode extension for autocomplete and syntax ? It looks amazing 😉😀
@TylerPotts
@TylerPotts 2 жыл бұрын
It's call Github Co-Pilot
@kristiankazalev5808
@kristiankazalev5808 2 жыл бұрын
Really helpful tutorial. What theme are you using ?
@adeleke5140
@adeleke5140 2 жыл бұрын
Thanks for the great example Tyler, also, what's your font? It looks very nice.
@viniciusortiz4937
@viniciusortiz4937 2 жыл бұрын
17:50 You misstyped localeCompare the first time (localCompare), that´s why it didn´t work
@TylerPotts
@TylerPotts 2 жыл бұрын
AHA! I knew I was being crazy I was like this should work why doesn't it? 😂😂😂
@DavideDeMaestri1
@DavideDeMaestri1 2 жыл бұрын
Thanks for this tutorial! Which extension are you using to auto-complete tags/function? It seems really powerful! Some AI?
@adeleke5140
@adeleke5140 2 жыл бұрын
seems to be Github copilot
@flolegend6402
@flolegend6402 2 жыл бұрын
yeah was wondering the same. would love to have it
@atharvasurwase6772
@atharvasurwase6772 9 ай бұрын
cool!
@RaabStephan
@RaabStephan Ай бұрын
assuming it was the difference between localCompare and localeCompare
@juguetestoys1137
@juguetestoys1137 2 жыл бұрын
Hi Tyler, you're a genius. In the above video, when I fetch the URL of the anime page, I get CORS error, how can I fix it, without using the "cors anywhere herokuapp" service. I am waiting for your answer
@SeanCarrington
@SeanCarrington Жыл бұрын
"The useless one" 😂😂😂. Sakura never gets any recognition lmao
Proven Pinia Patterns - VueConf US 2023
31:34
Vue Mastery
Рет қаралды 16 М.
人是不能做到吗?#火影忍者 #家人  #佐助
00:20
火影忍者一家
Рет қаралды 20 МЛН
It works #beatbox #tiktok
00:34
BeatboxJCOP
Рет қаралды 41 МЛН
Pinia Course 2022 | #vuejs3 store
1:27:13
Bitfumes
Рет қаралды 24 М.
Learn Pinia in 30 MINUTES! (Vue JS 3)
33:58
Make Apps with Danny
Рет қаралды 124 М.
5 Elegant ways to use Pinia 🍍
17:01
Vue Mastery
Рет қаралды 15 М.
Props and Emitters in Vue 3 (FULL TUTORIAL)
14:53
VueReference
Рет қаралды 19 М.
A Better Way To Organize Components In Vue
10:10
Program With Erik
Рет қаралды 26 М.
3 Ways to Persist Pinia State
4:54
LearnVue
Рет қаралды 56 М.
Vue 3 Composition API Introduction [FULL TUTORIAL]
23:46
Academind
Рет қаралды 177 М.
Getting Started with Pinia | Crash Course
10:02
Vue Mastery
Рет қаралды 23 М.