📚 Sign up and get notified about my new Vue 3 course! And get a free cheat sheet! - bit.ly/2vFWBQi
@BlackxesWasTaken2 жыл бұрын
Not sure if I'm just used to it, but I actually watch almost every educational video about something coding in 1.5 or 2 since people mostly tend to sway away or drive off topic and do "casual" talk about something none related. There are videos prepared with a script beforehand which I set on 1.25, but I actually never watch on 1. Its just simply to slow I think educational videos on youtube are mostly beginner or intermediate but never high end stuff. I mostly know the basics and intermediate stuff on which I just can "skip" over as in listening to it briefly, understanding everything, but this way I can get the gist of a topic or explanation better without losing track because people were like "Ah and this (Which is something else) is this and that.. and let me correct this first.. ah wait I forgot.. " etc. You get the point Perhaps some people as well just talk slow, sway away or simply introduce artificial delay on purpose to boost the time to a certain length. Which is sad as well
@RussPainter84 жыл бұрын
Very nice. Been using Vue for a while now, but somehow never came across the idea of exposing a child component function this way. One bit of constructive criticism - It would be helpful for beginners if you didn't use variables like "data". It's hard to tell if this is a vue language word, or something they can change. Perhaps a more real world example would lead to better variable names.
@antifa_communist Жыл бұрын
I used to find that hard too. I think names like myVariable are always helpful because it shows it's not fixed or names that are not so generic.
@scriptedpixelsltd4 жыл бұрын
This is good but looking for a use case tbh, it would be great to see some sort of use case where you would use this or have used it in the past
@ProgramWithErik4 жыл бұрын
Thanks for the feedback
@DieterGribnitz3 жыл бұрын
OMG 2x, did not know this feature existed on youtube. You just cut my research time in half. Thankyou for the tip and thanks for the awesome content.
@RockyCastaneda Жыл бұрын
Simple examples makes it more understandable. Great job on explaining it to the most simple terms.
@ProgramWithErik Жыл бұрын
Thanks!
@princechavez4 жыл бұрын
Nice content, very informative! I have some minor constructive criticism though: in your example at around 6:30, I think it would help with clarity if you don't name the property name you are declaring the same as the preset vue property (am talkin about the data: () =>{ data: '...' } section). Cheers and more power!
@NigelStratton3 жыл бұрын
New with Vue and first time looking at slots. Good amount of info and speed at 1x for following everything.
@techhdan3 жыл бұрын
This was perfect for me. I'm not new to programming but I am new to Vue and this helped solidify what I couldn't grasp from just reading documentation. Thank you!
@bemi14104 жыл бұрын
Vue beginner here, and very grateful for this informative video! Thanks.
@curadermbcc99233 жыл бұрын
Very good video!! Finally I understand what are the slots and how they function. It's easy understand them, when someone explains the things fine. Thanks!
@isaacgrimaldo88072 жыл бұрын
Thank broo, your video helped me in my job, you won a new subscriber today
@benjimminy3 жыл бұрын
OMG. Thank. You. I have read article after article trying to grasp what scoped slots are, and have come away from each one just as confused as I was when I started. I finally get it. I'm struggling at the moment to think of a practical application for scoped slots, but I'm sure that will come now that I understand what they are.
@irinakats80089 ай бұрын
Same!
@pankajs2711784 жыл бұрын
One of the Best Slot explaination ... great.. Thanks a lot
@TecnoRepair3 жыл бұрын
OMG! the best tuto I subscribe right now
@piusvictor87804 жыл бұрын
Thanks so much bro,this was one of the concept which confused me alot but now am happy you clear me all the doubts with your simple,clear and brilliant examples, One love from Tanzania... Cheers ✨✨
@chris_ea3 жыл бұрын
As always, awesome patterns revealed! Thanks!
@hakan63793 жыл бұрын
theme seems like disco! :D thank you!
@saturne22483 жыл бұрын
Thanks for the video, really helpful.
@39zbk133 жыл бұрын
great job will help me in my work ;)
@chidieberechukwudi90773 жыл бұрын
Lovely. Please what type of vscode theme are you using ? I love it
@notlessgrossman1634 жыл бұрын
Good format to the point. I pause often to check the code. BTW I was expecting you to tell a real world example to get the 'why' of a feature. I like that you mentioned that the same thing can be done with props and events. I had to check again to confirm the difference I would really like a performance, limits analysis of comparing these options including Rxjs and Vuex.
@VitorSouza-uj6ep2 жыл бұрын
Hey Erik, what theme do you use in visual studio code? this theme is amazing by the way!
@ruirodrigues7054 жыл бұрын
really nice slot tips! thanks.. :)
@ProgramWithErik4 жыл бұрын
You are welcome!
@rjfortis54154 жыл бұрын
Great tutorial Erik!
@nangseakheng29762 жыл бұрын
Love your video 🥰🥰
@EdsonSilva-qr5gr3 жыл бұрын
This is awesome, thank you so much
@ChrisHaupt2 жыл бұрын
very useful, thank you!
@tmbarral6642 жыл бұрын
yep, watched in x1.5. Used to go for x2.0 but sometimes the sound quality becomes too bad. Anyway, your talk speed is perfect. It's just a matter of pref (and allowed time ;) )
@deirdrechong6233 жыл бұрын
Please use composition api when using vue 3
@atvoquangthanh80863 жыл бұрын
What extension do you use to change the theme of vscode? Tks you
@oshrahartuv49892 жыл бұрын
Awesome video!! Tnx
@gatosssss14 жыл бұрын
Starting to learn Vue and i have always wondered how slots work. Seems like it aint so difficult but i probably need some time to think how to use them for an actual web app. Great video btw.
@ProgramWithErik4 жыл бұрын
You can do it!
@beedleChompz443 жыл бұрын
Thank you for your video! To answer your question, yes I watch at 2x. Would have loved to see a use case where slots is better than props and emit events! That would have tied it together really nice :)
@rishidusad29853 жыл бұрын
had a diff problem but your video kinda solved it
@hend97453 жыл бұрын
This was perfect, thank you
@kalmanbraz76963 жыл бұрын
Hi! What theme u use for vscode?
@LofiWurld3 жыл бұрын
Amazing!
@devKev343 жыл бұрын
I didnt think much of slots, but with that functionality i think it's pretty underrated. is that new with vue3?
@aesmerio4 жыл бұрын
Thanks for the great content =D
@ProgramWithErik4 жыл бұрын
Welcome!
@bstark16403 жыл бұрын
I actually fell in love with the ide theme. What is it?
@oviSavescu3 жыл бұрын
Found it! It's called SynthWave'84 - search for it in the marketplace.
@arkz223 жыл бұрын
Is there any difference in term of performance when passing data using slot vs emit/props ? Thank you for the explanation really like your video.
4 жыл бұрын
Got stuff Erik! thnks a lot
@jonsplex3 жыл бұрын
I am one of the people who watch your videos at 2x speed. I don't watch full videos -- I do my best to extract only what I need and move on to my work or another video if I don't get the info that I need.
@elimenendez2373 жыл бұрын
Thanks a lot!
@nero13754 жыл бұрын
Thanks for this tut! Anyway, Did you know why filters are gone on Vue3?
@rpadron19864 жыл бұрын
the speed for me is 1.25x for your videos, thanks for a cool tips :)
@fayismahmood86123 жыл бұрын
Thnx❤️❤️❤️❤️❤️❤️
@nevinkuser98922 жыл бұрын
What is this styling you're using to make it glow? Really cool! Please share. SIDENOTE: I tried watching in 2x and it was too fast. I realized that I was actually robbing myself by watching important videos at 2x because it's WAY harder to retain the information. The problem is patience and focus lol. Studying is painful sometimes, but we need to accept it. 2x is similar to people using drugs to escape reality. A lot of the time it's not that the presenter is talking too slow, it's that we don't want to be there in the first place.
@jntaca3 жыл бұрын
Thanks !!
@jenstornell4 жыл бұрын
Speed is perfect and the video is not too easy or hard, for me at least. 👍
@Alekobeats4 жыл бұрын
This should work in Nuxt too right? I’ll give it a try. I can see a useful case for this.
@ProgramWithErik4 жыл бұрын
It should
@balenata93594 жыл бұрын
bro what theme you use ?
@sadrashadmand5524 жыл бұрын
when to use slots vs props for this kind of passing data between child and parent components ?
@minhtringuyen1267 Жыл бұрын
can u show me some extention used, please.
@mohssinemythe12354 жыл бұрын
Thanks for the great content There is any MEVN stack project in the future?
@ProgramWithErik4 жыл бұрын
I'll look into it!
@Alekobeats4 жыл бұрын
Please do!
@silvesterwali65654 жыл бұрын
Usefull
@rahimeinollahi14 жыл бұрын
thanks man
@TershiXia2 жыл бұрын
why your text will be lighting? what extension do you use?
@ProgramWithErik2 жыл бұрын
Synthwave 84!
@TershiXia2 жыл бұрын
@@ProgramWithErik thx bro
@SidharthShambu3 жыл бұрын
Is data passed through slots reactive?
@PriyankBolia4 жыл бұрын
for me min speed is 2x, generally non programming videos at 3 to 5x, and only music or comedy videos at 1x and 1.5x
@ProgramWithErik4 жыл бұрын
Aww, ok. Yeah I thought that would be too fast, but glad it works
@odenismata7602 жыл бұрын
How can I access slotprops from ???
@hectorPerez-qf1ho2 жыл бұрын
Te amo bro
@sajjadrahimi11813 жыл бұрын
what's this guy's vscode theme?
@danman31963 жыл бұрын
If I use slot name, it doesn't work . is there a way to fix it ? tks u
@LukeryaPereprygova4 жыл бұрын
beginner noob question but still - what are a couple of real life practical examples?
@jgamer13944 жыл бұрын
Man, should I wait for the official release of vue3 for my project or just use react for now.
@StraightCrossing4 жыл бұрын
My experience has been that Vue3 is pretty stable. However if you plan on using TypeScript and the composition API things might be a bit more difficult. Things like vuetify and buefy weren't playing nice and type support for reactive objects seemed to complain with computed properties nested within them. But if you want to use JS you'll probably be fine.
@jgamer13944 жыл бұрын
@@StraightCrossing i want to use vuetify and laravel. But base on vuetify roadmap they will release their vue3 version next year
@StraightCrossing4 жыл бұрын
@@jgamer1394 yeah all of the component libraries have a lot of work to migrate to Vue 3 which is unfortunate. However you can use CSS libraries like bulma for styling and get most of the way there. But if vuetify is a must I'd wait or start now with Vue 2 then migrate to 3. You shouldn't have to rewrite html to migrate to vue3
@michelfonseca34613 жыл бұрын
what is this theme?
@lekhrajrai11724 жыл бұрын
which font you are using?
@SupunLakshanDissanayake4 жыл бұрын
i believe its the theme he using, which i think it is github.com/robb0wen/synthwave-vscode
@ProgramWithErik4 жыл бұрын
Yup
@SebastianNeikes11 ай бұрын
Yes, I'm currently watching this in 1.7x speed. But I'm only telling you this because you were curious, that is no critique! If I watch at a slower speed my brain starts wandering off, thinking about other things and loses focus. The best way for me to stay fixated on a video is to increase the speed to force my brain to concentrate.
@SebastianNeikes11 ай бұрын
But I've been a developer for quite some time, it's just vue specifics that are new. For example, to get from knowing absolutely nothing about vue to the basics I watched "Vue.js Tutorial: Beginner to Front-End Developer" by "Envato Tuts+" ( /watch?v=1GNsWa_EZdw ) in 2.3x speed on average! (sometimes I slowed to 2x and at most I used 2.4x). I hope that insight is interesting
@debanjanbarman72124 жыл бұрын
Thanks
@johnm83584 жыл бұрын
how do i configure the @ to work on import?
@ProgramWithErik4 жыл бұрын
It's by default if you create it with Vue CLI
@johnm83584 жыл бұрын
@@ProgramWithErik ah that's where I went wrong
@MereddynYT4 жыл бұрын
I am one of those guys, that watch development videos / tutorials in 1.25 or 1.5. Got used to it.
@nadircatalkaya50114 жыл бұрын
I watch your videos at 1.25x speed even if English is not my native language.
@ibrahimsule18733 жыл бұрын
I've seen where slots are being used like this and my question is... how is data being retrieved when it's not restructured from an object. From your video, data was restructured from an object.
@kennethpineda61434 жыл бұрын
Please make Vuetify tutorial and try there slots.
@ProgramWithErik4 жыл бұрын
Ok~!
@v1r474 жыл бұрын
Yes, I watch at 1.5. It is good.
@v1r474 жыл бұрын
That was a wonderful tutorial. I never thought it that way!!
@yadusolparterre2 жыл бұрын
I watch your videos in 2x. But don't worry, I watch other videos in 2.5x :)
@radagast20013 жыл бұрын
I have a doubt, I am new at Vue. How can you update child's data? I mean, I have a parent component which uses a child passing a 'data'. When I update parent data, should it be update child's data??
@sadrashadmand5524 жыл бұрын
2x watcher :-D
@ahmadalghali903 жыл бұрын
I watch all tutorials on 2x lol.. including this one
@tontonanton4 жыл бұрын
to me, it 's valuable only for strongly coupled parent/child components. adds an other layer of complexity to the game, and devs have to keep things as simple as they can. a good modular state managment wouldn't be preferable ?
@dcernach4 жыл бұрын
For me I'm used to watch almost all youtube videos at 1.5x or 1.75x and some at 2x speed !!
@AlexanderSchaffer723 жыл бұрын
just fine, thx!
@grugbrain2 жыл бұрын
I am expecting more slots. ;D. This one is too short.
@anveshveerelli9257 Жыл бұрын
Yep I watch in 2x speed, because I will watch each video 5-6times to master. So, to read and learn, there are techniques like skimming, scanning, intensive etc. Watching your video at 2x speed is like skimming an article....
@ProgramWithErik Жыл бұрын
Great tip!
@OmarAlsaheb3 жыл бұрын
As u ask , I watch you on 1,75 :)
@lararawf61003 жыл бұрын
God bless u
@zacharyallen42703 жыл бұрын
I've just kind of gotten used to watching tutorials at 2x speed, if I follow along I go slower though.
@ProgramWithErik3 жыл бұрын
Sounds good, me too
@JeffPohlmeyer4 жыл бұрын
Watching right now in 1.5x, which is a little fast. One I have to watch in at least 1.5 is Ben Awad
@JoeSmith-kn5wo3 жыл бұрын
Yes, I watch in 2x speed 😁
@grapes6394 жыл бұрын
Thought Slots were going away with Vue3?
@ProgramWithErik4 жыл бұрын
Nope, they are staying, as far as I know.
@grapes6394 жыл бұрын
@@ProgramWithErik Alright. Good to know :) If I may ask additionally: I thought that "methods" was replaced with "setup" in 3? Or do they serve different purposes?
@DedicatedManagers4 жыл бұрын
Grapes: The “setup” or the “composition” api is purely “additive” meaning it is a bonus feature. The original way (the “options api”) of building components will remain.
@klauslife103 жыл бұрын
You can pass down a function and handle the click on the child, hello = () => alert();