5 Patterns for Better Components in Vue.js - Michael Thiessen

[@user-cb3le9oh9p]

Great talk especially the "Preserve Object" pattern. I don't think I've ever seen this question broached before so… thank you!

[@AnonymousShaco]

Thanks a lot

[@justinhalsall4077]

I liked the pattern that eliminates prop drilling, but I can’t help to think it would be a nightmare combining it with Storybook

[@preskoeducation7464]

Hey, Did you try combining it with Storybook? Did it work?

[@preskoeducation7464]

When does prop drilling become too much? In the example Michael used there was a three-level hierarchy of components. Do we consider this prop drilling big enough so that we need to replace it by the Data Store Pattern, which also adds other complexities? Can anyone share own experience, as I'd like to explore different point of views

[@WgW0skate]

You can also use provide/inject to not pass props to deep in component trees.
EDIT: Tbh if props are passed from parent component down 2 components without any changes along the way, it's just more elegant not to use prop drilling, as someone might add components later, and prop drilling and bubbling events becomes massive issue in code redability, but that's just my point of view :)

[@coder_one]

If you have to pass props down more than 2 times then you should seriously consider inject/data store

[@viktordenisov3368]

for students

[@kelvinoritsetimeyin8119]

terribly slow lecture 😞

[@myPrzeslaw]

TH-cam alows you to adjust speed.

[@Steklopod]

Nice 👍