Тёмный

Introduction To Pinia | Vue 3 

John Komarnicki
Подписаться 21 тыс.
Просмотров 7 тыс.
50% 1

Pinia is now the recommended store library for handling state management in vue, replacing VueX. In this video you will find everything you need to know about Pinia, and we will build a simple counter app to highlight all its functionalities.
Pinia: pinia.vuejs.org/
-----------------------------------------------------------------------------------------------------
Join my channel to support me to continue doing what I love!
/ @johnkomarnicki
-----------------------------------------------------------------------------------------------------
Patreon: / johnkomarnicki
Website: johnkomarnicki.com/
Twitter: / john_komarnicki
LinkedIn: / john-komarnicki
-------------------------------------------------------------------------------------------------------
Timestamps:
0:00 Introduction
1:48 Installing Pinia
2:32 Creating a Pinia Store
4:01 Defining & Using State
6:48 Mutating/Updating State
9:25 Computed Values (Getters)
10:45 Two Way Binding
11:55 Accessing State In Other Components
-------------------------------------------------------------------------------------------------------
#vue #vue3 #pinia

Наука

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

 

1 июл 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 26   
@JohnKomarnicki
@JohnKomarnicki Год назад
Hopefully you enjoy this very long overdue requested video!
@redouanebenbiga9148
@redouanebenbiga9148 Год назад
I challenged the issue after i understand this video about pinia so i the store i declared only a ref modalstate and imported this in all concerned and toggle it via new invoice function it was a succes i can now togggle the modal thanks to this video
@paws7983
@paws7983 Год назад
Thank you for another great video!☺️🎉
@riyad-appscode
@riyad-appscode Год назад
Awesome content. Thank you so much.
@randel_mcafee86
@randel_mcafee86 Год назад
Awesome, as usual John! Thanks
@JohnKomarnicki
@JohnKomarnicki Год назад
Thanks randel!
@IronGaze
@IronGaze Год назад
Perfectly on time. :)
@JohnKomarnicki
@JohnKomarnicki Год назад
Glad to hear :)
@mehmetaltinsoy525
@mehmetaltinsoy525 Год назад
Great video. Thanks.
@yusha790
@yusha790 Год назад
thanks a lot man
@JohnKomarnicki
@JohnKomarnicki Год назад
You’re welcome!
@redouanebenbiga9148
@redouanebenbiga9148 Год назад
as always i liked your video, in the invoice project at 1.20.00 you did a vuex store to toggle a modal i knew that vuex is deprecated, so i tried to do it via pinia but no success i m still learning from you, so i would like to help me to toggle the modal note: all the project is writing via setup syntax
@SohailKhan-tc8uz
@SohailKhan-tc8uz Год назад
Create a full course on vue 3 for absolute beginner...
@codedreddgregor7910
@codedreddgregor7910 Год назад
Greeting from the author of pinia-orm. Really good video! You really have a hand for explaining. Keep it up! Maybe one day if you like my plugin you also make a video about it ;-)
@Viralplace
@Viralplace Год назад
Could you make a video on MEVN? With Vue in Composition Api + Vite.js + Pinia, maybe also using Firebase or Supabase.
@JohnKomarnicki
@JohnKomarnicki Год назад
I’m in the process of working on a course for Vue. I might add a project within here using a back end as a service within the course
@ruksharalam173
@ruksharalam173 Год назад
Can you please share the github repo. for this project?
@viewvue3744
@viewvue3744 Год назад
sir, can i ask you what is icon theme folder of your ?
@JohnKomarnicki
@JohnKomarnicki Год назад
Material UI
@viewvue3744
@viewvue3744 Год назад
@@JohnKomarnicki you mean Material Icon Theme ? or Material UI : VS Code theme ported from material-design-syntax on Atom by nxt3 ??
@jasbirkhalif1314
@jasbirkhalif1314 Год назад
State management is the hardest CS concept. Smh
@jonasex3001
@jonasex3001 Год назад
You don't need pinia nor vuex at all. These days with vue it's completely dismissible. If you create the same object without pinia you achieve the same, but without an extra dependency.
@JohnKomarnicki
@JohnKomarnicki Год назад
Pinia has its place. You can create a store without a library, I go over that in this video, Vue 3 | State Management With The Composition API ( Vuex Alternative? ) ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-64zoDGcQr10.html. However, as mentioned in this video, you don’t have access to some important features included with Pinia.
@jonasex3001
@jonasex3001 Год назад
@@JohnKomarnicki what features?
@JohnKomarnicki
@JohnKomarnicki Год назад
In this video I briefing discuss some of the benefits of using Pinia.
@alejandromut
@alejandromut Год назад
True... I just create composables. Never needed any store even with large apps.
Далее
Easy Form Validation With Vuelidate | Vue 3
8:19
Просмотров 31 тыс.
Infinite Scrolling With Vue & VueUse
8:33
Просмотров 14 тыс.
КВН 2024 Высшая лига Четвертая 1/4
1:52:57
What Is Hybrid Rendering In Nuxt?
8:56
Просмотров 1,9 тыс.
Learn Pinia in 30 MINUTES! (Vue JS 3)
33:58
Просмотров 114 тыс.
A Better Approach To Data Fetching In Nuxt?
4:51
Просмотров 3,9 тыс.
Interview Questions for Vue.js Part-2
1:04
How to Organize Pinia Stores
6:17
Просмотров 10 тыс.
A Better Way To Handle Vue Props?
6:02
Просмотров 4,1 тыс.
Proven Pinia Patterns - VueConf US 2023
31:34
Просмотров 13 тыс.