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/vue-3-essentials-...
follow me on twitter:
/ mattmaribojoc
🚨 Like quick Vue lessons like these? Check out 800+ lessons over on Vue School - go.learnvue.co/vueschool
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.

[@ThaRealIansanity]

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

[@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! :)

[@emmanuelgodswill9169]

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.

[@ramina2121]

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

[@fifthavenue2105]

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

[@vornamenachname906]

gl

[@7red4]

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

[@Brockmondo]

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

[@anbuselvanrocky]

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

[@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

[@ecofriend93]

This is great! Thanks for sharing.

[@tutunmayan]

Like your short and very informative videos

[@oussamaabderrahim9793]

Awesome video! Thanks a lot

[@sachon10]

Simple and effective!

[@caiovinicius7871]

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

[@ivanbragin7932]

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

[@joseaminan]

Great video!!

[@salahiddinediouri280]

super helpful 🥰

[@carlosenriquepineiro375]

Thanks!

[@AbubakrSiddique-splenify]

Insightful

[@anjoliwanag4927]

Im gonna start doing this

[@dibbyo456]

Quality content. Loved it.

[@LearnVue]

Much appreciated!

[@riyad-appscode]

more videos like this please

[@sudiptamandal8965]

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

[@weybansky]

makes perfect sense

[@internetproxysat]

I would like those type of videos

[@user-rz7xz4wf8p]

Great!

[@Dipenparmar12]

Amazing tip.

[@LearnVue]

Glad you think so!

[@JeanDidier]

Fireship tone clone :)
Instructional ++

[@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.

[@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

[@ch1ldr3n27]

Is this code editor vs code?

[@hacking-multiboot904]

Woooo

[@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!

[@kylebruns9060]

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

[@quintencabo]

Basicaly just pass the minimum amount of data

[@StephanHoyer]

Why Vue is so esoteric and complicated.

[@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?".

[@S-Lomar]

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

[@sv2109]

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

[@user-ix7ui6py5p]

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

[@tetianabelik2667]

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