Are You Following This Vue Best Practice?

Prop stability is an important concept in Vue. By eliminating unnecessary updates, we can improve the performance of our app.
✅ FREE VUE 3 CHEATSHEET WITH ESSENTIAL CODE SNIPPETS
learnvue.co/vu...
follow me on twitter:
/ mattmaribojoc
🚨 Like quick Vue lessons like these? Check out 800+ lessons over on Vue School - go.learnvue.co...
Music by Lukrembo - Storybook

[@Ma1ne2]

I would like to see more "best practices" videos!

[@joshuatye1027]

This example is based on the one from the docs. Just read the docs.

[@Pineconeman10]

your Vue videos are top tier. super helpful, intuitive, concise, and interesting. thank you and please keep it up!!!

[@CapitaineToinon]

Oh my god this is the type of stuff I nerd over please more tips like that! Great video 👍

[@RodrigoDAgostino]

Beyond any doubt this is one of your most useful videos :) It’s not that easy to run into recommendations like this, so I would really appreciate it if you could share some more best practices with us And as always, thank you! :)

[@ThaRealIansanity]

Thank you. Simple yet very important concept. Adding to my checklist "prop stability analysis"

[@ramina2121]

Great video!! thanks I like this short kind of tips/tutorials. It is easy to watch.

[@anbuselvanrocky]

Great. Indeed useful. Making videos like this will improve your subscribers very soon. Good luck and keep posting useful videos like this.

[@wduandy]

Amazing! Do you have a discord channel?

[@LearnVue]

i've been thinking of making one...you interested?

[@wduandy]

@@LearnVue Yes! Would be really appreciated!

[@fifthavenue2105]

I've started learning vuejs a few weeks ago and this channel helped me a lot!

[@vornamenachname906]

gl

[@caiovinicius7871]

No, i'm definitely not following this practice, until now... Tks dude! 😄💥

[@SecondKing_2K]

Sir please make a video.... How to bundle vue3+ with django

[@kyrylokravchuk9933]

Hi, thanks for video! I really like you channel. There is a siren sound in the theme, and I never pay attention to it, till this war. So interesting how human noticing different things

[@yte50]

I've stopped stopped liking your videos after watching them, I just press play, like and get wowed, you never disappoint and that's just the honest truth.

[@AlamKhan-yt9wd]

Can we have an A.I. model that'll go through your codebase & find this kind of inefficiency???

[@rybrockerz]

Amazing. I am just creating an image gallery that I know will hugely benefit from this knowledge. Thank you so much for sharing 🙂

[@MohamedElhadad-l1k]

I would like to see more "best practices" videos!

[@tetianabelik2667]

I would like to see more "best practices" videos!

[@dibbyo456]

Quality content. Loved it.

[@LearnVue]

Much appreciated!

[@hacking-multiboot904]

Woooo

[@kylebruns9060]

That’s funny because I literally made this mistake and codepen was throwing an error on my code ! (Vs code wasn’t)

[@AbubakrSiddique-splenify]

Insightful

[@ВладимирНетот]

Great!

[@7red4]

Didn't notice that before. Helps a lot! Thank you!

[@JeanDidier]

Fireship tone clone :) Instructional ++

[@quintencabo]

Basicaly just pass the minimum amount of data

[@tutunmayan]

Like your short and very informative videos

[@ivanbragin7932]

That's actually a nice tip. I really like this one

[@internetproxysat]

I would like those type of videos

[@oussamaabderrahim9793]

Awesome video! Thanks a lot

[@ecofriend93]

This is great! Thanks for sharing.

[@yannsoliveres5550]

How about an Object prop ? Does it trigger an update if the children component mutate the value of an attribute of the Object prop ?

[@yannsoliveres5550]

Great video btw 😄

[@tobychidi]

Scary but powerful

[@riyad-appscode]

more videos like this please

[@ch1ldr3n27]

Is this code editor vs code?

[@anjoliwanag4927]

Im gonna start doing this

[@weybansky]

makes perfect sense

[@sachon10]

Simple and effective!

[@joseaminan]

Great video!!

[@salahiddinediouri280]

super helpful 🥰

[@carlosenriquepineiro375]

Thanks!

[@UBERDHOKER]

Does the component also rerender when a bound attribute is changed that the component does not define as a prop? For example when binding $attrs to a child.

[@dvdrtrgn]

Why would it?

[@UBERDHOKER]

@@dvdrtrgn It's a reactive property bound to the component just like a prop

[@dvdrtrgn]

@@UBERDHOKER So only if the attr has a reactive value bound will a rerender be triggered upon an $attrs change.

[@Dipenparmar12]

Amazing tip.

[@LearnVue]

Glad you think so!

[@radekhladik7895]

This is actually a bad practice. The component should be written so that they do not update if not needed. The issue of the solution mentioned in the video is that it moves logic out of the component....

[@joseisrael2946]

How would you go about this? Could you provide an example?

[@radekhladik7895]

@@joseisrael2946 sorry, I do not remember this exact issue and do not have time to rewatch it now. All I remember is thar he duplixates some part of the logic out of the component to detect if the component should be updated And that is totally against the idea of compobents - packing all related code, logic, etc at one place. If you ever need to change the logic, you should be doing it only in the component. Only if the component need more inputs or its output changes only then you should need to go out of the component. One general solution could be that the component would have some sort of method "do I need to be updated?".

[@StephanHoyer]

Why Vue is so esoteric and complicated.

[@S-Lomar]

Welcome to my pages 🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰

[@sv2109]

Thanks for this: activeId=(activeId+1) % arr.length