Тёмный

Vue Tutorial: Using Vuex with TypeScript 

OverSeas Media
Подписаться 10 тыс.
Просмотров 28 тыс.
50% 1

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

 

16 сен 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 58   
@undeined4291
@undeined4291 Год назад
Very Very helpful, I came from VueJS without Typescript, and Vuex got me going again. This video made me help understand not only Vuex again, but also Typescript. Thank you!
@OverSeasMedia
@OverSeasMedia Год назад
I am glad this was helpful
@mustafa_sakalli
@mustafa_sakalli 3 года назад
this tutorial really dope dude! Other giant tech channels just copy pasting throughout the video but you give the idea and implementation literally 'hands-on'. Big kudos!
@josemanuelrocarodriguez2325
@josemanuelrocarodriguez2325 3 года назад
you saved me a week, one of the best resources I could find about this topic
@OverSeasMedia
@OverSeasMedia 3 года назад
I'm really glad this was actually helpful to someone, cheers mate :)
@dennisgonzales9521
@dennisgonzales9521 3 года назад
thanks for the tutorial I literally learned VUE, VUEX with Typescript in one day!
@jegedeayodeji3306
@jegedeayodeji3306 3 года назад
Simple, short and straight to the point. Thanks man!
@adelhishem1
@adelhishem1 3 года назад
Welcome back! long time no see.
@OverSeasMedia
@OverSeasMedia 3 года назад
Thank you my dude :)
@zeropublix
@zeropublix 3 года назад
Thanks alot for this video. I wasn't able to add proper typings to my vuex store and i couldn't find any good guides. I was now able to resolve that
@lazrus_lobo
@lazrus_lobo Год назад
love it the way you make the code
@Yorgarazgreece
@Yorgarazgreece 3 года назад
I love how he randomly curses when theres a fuckup hahahahaha insta-subbed
@PabloGnesutta
@PabloGnesutta 2 года назад
Great tutorial man!! It would be great if the repo you linked was actually what you showed, but it is basically a boilerplate project. Thanks anyway!
@vitiok78
@vitiok78 3 года назад
Very helpful video! Great! Actually you can go a little bit further and make your modules namespaced. It will have a great benefit when your state, actions, getters and mutations have the same name in different modules. Like in CRUD, for example.
@aliabbasi6359
@aliabbasi6359 3 года назад
Hello guys. I have a problem with using mapstate in typescript. Can any one help me? How should I define state type in mapstate object inside computed??
@abdulmelikbekmez7765
@abdulmelikbekmez7765 3 года назад
So much valuable content. Nice work
@LordY971
@LordY971 3 года назад
Such a great video. I was looking for explanations and I got it all!!! thx man
@ICSVortex-DCS
@ICSVortex-DCS 3 года назад
And thank for code and terminal size. I chexk videos on my rog phone 3. Very pleasant for my eyes
@OverSeasMedia
@OverSeasMedia 3 года назад
I did not actually knew anyone would watch this on a small size screen . From now on I will try to make the font as big as possible. Thanks mate for the comment :)
@ICSVortex-DCS
@ICSVortex-DCS 3 года назад
@@OverSeasMedia orcourse, people are watching a lot i think))) especially, devs in bed 🛌
@DhiaMagicien
@DhiaMagicien 3 года назад
Finally a new video :D Welcome back bro
@OverSeasMedia
@OverSeasMedia 3 года назад
Ayyyeee thanks mate :))
@Anandhanedom
@Anandhanedom Год назад
Thanks for the share!
@MaxSeipio
@MaxSeipio 2 года назад
Hey, simple and well explained. thanks
@МатвейДенисов-т2к
great video man
@QuentinWatt
@QuentinWatt 2 года назад
Did you only provide the starting code in the repo?
@FranciscoMendoza-xu3if
@FranciscoMendoza-xu3if 2 года назад
Very useful video
@JanKowalski-dm1mt
@JanKowalski-dm1mt 3 года назад
We missed you !
@toufik4044
@toufik4044 3 года назад
iwa 3la slamtek, fin mchiti ? Thanks man, for your tuts.
@adityakadam2256
@adityakadam2256 3 года назад
amazing video. You saved my day. Thanks :)
@ayoub1024
@ayoub1024 3 года назад
i just discovered you're moroccan "Yayli 80 Yayli 80D, Good luck bro !
@iSam21
@iSam21 3 года назад
Me too ! i was shocked 🤣😂
@mohamedjamoun694
@mohamedjamoun694 3 года назад
ayli yayliii, mal7bib malo 3liya
@jbuist
@jbuist 2 года назад
Great tutorial! That's everything I need to know to get TS and Vuex going as a complete newcomer. Only problem I had: The github repo is, uh, blank. It looks like a stock Vue project to me. None of the video code was in there.
@GuardianOfAbyss
@GuardianOfAbyss 2 года назад
I also wanted to take a look of the final product but the repo is empty. Anyway, great video.
@fatih.tavukcu
@fatih.tavukcu Год назад
Yeah, sadly he forgot to push his changes :(
@ICSVortex-DCS
@ICSVortex-DCS 3 года назад
Great stuff bro, thx. Typescript is a cool shit)))
@aliabbasi6359
@aliabbasi6359 3 года назад
Thank you. It was great
@mehdilee6737
@mehdilee6737 3 года назад
nice one as always
@Chryst1anFRz
@Chryst1anFRz 3 года назад
This part of the code shown at 17:46 doesnt work. mounted: { setTimeout( () => { this.username = "Changed heheheh" }, 3000) } Syntax Error: C:\Projetos\Vue\Aprendizado\vue_ts\src\App.vue: Unexpected token I tried doing this: setTimeout({ ... }, 3000) but it also says theres errors in my code. This is my package.json: { "name": "vue_ts", "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "lint": "vue-cli-service lint" }, "dependencies": { "core-js": "^3.6.5", "vue": "^2.6.11", "vue-class-component": "^7.2.3", "vue-property-decorator": "^9.1.2", "vue-router": "^3.2.0", "vuex": "^3.4.0" }, "devDependencies": { "@typescript-eslint/eslint-plugin": "^2.33.0", "@typescript-eslint/parser": "^2.33.0", "@vue/cli-plugin-babel": "~4.5.0", "@vue/cli-plugin-eslint": "~4.5.0", "@vue/cli-plugin-router": "~4.5.0", "@vue/cli-plugin-typescript": "~4.5.0", "@vue/cli-plugin-vuex": "~4.5.0", "@vue/cli-service": "~4.5.0", "@vue/eslint-config-typescript": "^5.0.2", "eslint": "^6.7.2", "eslint-plugin-vue": "^6.2.2", "typescript": "~3.9.3", "vue-template-compiler": "^2.6.11" } } Do you have any tips?
@Chryst1anFRz
@Chryst1anFRz 3 года назад
Had to do this: mounted: { randomMethodName() { setTimeout( () => { console.log("21") }, 3000) } }
@Chryst1anFRz
@Chryst1anFRz 3 года назад
That still doesnt work... I give up ERROR in C:/Projetos/Vue/Aprendizado/vue_ts/src/main.ts(11,18): 11:18 No overload matches this call. Overload 1 of 2, '(tag?: string | VueConstructor | AsyncComponentPromise | AsyncComponentFactory | FunctionalComponentOptions | ComponentOptions | (() => Component) | undefined, children?: VNodeChildren): VNode', gave the following error. Argument of type '{ name: string; components: {}; computed: { helloMessage: { get(): any; }; username: { get(): any; set(value: any): void; }; }; mounted: { dumb(): void; }; }' is not assignable to parameter of type 'string | VueConstructor | AsyncComponentPromise | AsyncComponentFactory | FunctionalComponentOptions | ComponentOptions | (() => Component) | undefined'. Type '{ name: string; components: {}; computed: { helloMessage: { get(): any; }; username: { get(): any; set(value: any): void; }; }; mounted: { dumb(): void; }; }' is not assignable to type 'ComponentOptions'. Types of property 'mounted' are incompatible. Type '{ dumb(): void; }' is not assignable to type '() => void'. Type '{ dumb(): void; }' provides no match for the signature '(): void'. Overload 2 of 2, '(tag?: string | VueConstructor | AsyncComponentPromise | AsyncComponentFactory | FunctionalComponentOptions | ComponentOptions | (() => Component) | undefined, data?: VNodeData | undefined, children?: VNodeChildren): VNode', gave the following error. Argument of type '{ name: string; components: {}; computed: { helloMessage: { get(): any; }; username: { get(): any; set(value: any): void; }; }; mounted: { dumb(): void; }; }' is not assignable to parameter of type 'string | VueConstructor | AsyncComponentPromise | AsyncComponentFactory | FunctionalComponentOptions | ComponentOptions | (() => Component) | undefined'. Type '{ name: string; components: {}; computed: { helloMessage: { get(): any; }; username: { get(): any; set(value: any): void; }; }; mounted: { dumb(): void; }; }' is not assignable to type 'ComponentOptions'. 9 | router, 10 | store, > 11 | render: h => h(App) | ^ 12 | }).$mount('#app') 13 | Version: typescript 3.9.9 Time: 122ms
@Skif769
@Skif769 2 года назад
bro more video's about this thema pls
@TheReaper215
@TheReaper215 3 года назад
Can you share the github repo please ^^
@dasvas9383
@dasvas9383 3 года назад
thanks!
@ICSVortex-DCS
@ICSVortex-DCS 3 года назад
Btw, i am currently work on website, based on react/redux and typescript. Would be great to see something related to react. Also, a small tip about react. There is a cool react framework, called Devextreme...)))
@Rmoore08
@Rmoore08 3 года назад
Is there anyway I can download the code?
@MVRC95
@MVRC95 3 года назад
when you typed this.$store.state.xxx the xxx not appear , it works but no recommendations
@michaelhoward9928
@michaelhoward9928 3 года назад
Any luck?
@MVRC95
@MVRC95 3 года назад
@@michaelhoward9928 he is using webstorm, in vs code didn't works.
@Nurtylek
@Nurtylek 3 года назад
I like your explanation hhaha, like wtf hahahah
@OverSeasMedia
@OverSeasMedia 3 года назад
Haha thanks mate :)
@buddhanag4987
@buddhanag4987 3 года назад
Things changed in vue3
@muhammadammar5426
@muhammadammar5426 3 года назад
This one applicable for vue 3?
@alice_2302x
@alice_2302x 2 года назад
Thanks! In index.ts I have the following error on "Vue.use(Vuex)": Property 'use' does not exist on type 'typeof import("C:/Users/AFXXX/Documents/techradar/node_modules/vue/dist/vue")' How did you solve this?
@alice_2302x
@alice_2302x 2 года назад
main.ts: app.use(store); ?
@mberoakoko24
@mberoakoko24 3 года назад
11:12 wagwan 😀
@daniilgri8737
@daniilgri8737 3 года назад
And what a fu.... mmmmmm ;D
Далее
Vuex 4 Crash Course - 2021
1:14:57
Просмотров 35 тыс.
УГОСТИЛ БЕЛКУ МОРОЖЕНЫМ#cat #cats
00:14
How to use generics in TypeScript
11:46
Просмотров 36 тыс.
Vue 3 Composition API Introduction [FULL TUTORIAL]
23:46
Vue Testing with Vue Test Utils
1:19:23
Просмотров 47 тыс.
Vue.js With TypeScript A Beginners Guide
23:24
Просмотров 87 тыс.
Cursor AI tutorial for beginners
40:35
Просмотров 55 тыс.
New component patterns for Vue 3
21:12
Просмотров 38 тыс.