Patterns for Large Scale Vue.js Applications

Patterns for Large Scale Vue.js Applications - VueConf US 2023

Рет қаралды 10,015

Күн бұрын

Vue can be used for large and small projects alike. Large scale projects though, need to be approached with a bit more thought and design. Why not be inspired by tried and true design patterns from the Vue.js community at large. During the talk, Daniel Kelly discusses practical design patterns for making your large scale Vue.js projects more predictable including: - Adopting community standards - Component conventions - Routing conventions - Using sdks - Wrapping third-party libs - and more!
Ready to master Vue.js? With weekly Vue js tutorials on the latest topics, and exclusive content with Evan You (the creator of Vue), Vue Mastery is the ultimate learning resource for Vue developers to level-up their skills. Watch more free Vuejs tutorials 👉 www.vuemastery.com/courses
Interested in the Vue.js Certification? Learn more here: 👉 certification.vuejs.org/?frie...
0:00 Intro
1:13 Predictability: Standards are Key
6:19 Take full advantage of your IDE
10:35 File Structure
12:10 Route Naming Convention
13:28 Wrap 3rd Party Code
15:33 Interact with Backends with an SDK
17:20 Prefer the Composition API

Пікірлер: 30

@ColinRichardson 11 ай бұрын

I thought this was going to be actual patterns.. But this is stuff we already do.. Except we don't call our buttons AppButton..

@nested9301 8 ай бұрын

that's on the docs already

@Microphunktv-jb3kj 5 ай бұрын

8minutes and doesnt talk anything about large scale app patterns... this is literally hello world level info , everyone knows all the tools and stuff in this video... this video must be for coders who need to do web... and vue is new tech to them....

@equinozio22 4 ай бұрын

And thats the reason i don’t like to go to conferences… that’s not what i was expecting

@AlexWohlbruck 4 ай бұрын

this video was a waste of 20 minutes

@lassestube 29 күн бұрын

Came for the large scale app patterns, watched a video on vs code extensions and hello world.

@claylambert8183 10 ай бұрын

Daniel's woodworking 'cut a straight line' point is sooooo correct. It's much easier to be accurate with an SDK... or a milling machine.. than by actually using your hands; it takes talent on a different level (that is grossly unappreciated today).

@TheJubeiam 11 ай бұрын

Very basis but usefull stuff

@Markeldo 11 ай бұрын

It would be interesting to see which ways the vue-professionals wraps supabase methods. I use composables, but I'm not sure if it's a good way

@user-zu3ld8is4y 3 ай бұрын

thanks

@heruhailiuhuang533 11 ай бұрын

What does it mean [id].vue and edit-[id].vue in 11:26? I never see this usage in my project.

@ZawHlaingWin-ri1js 11 ай бұрын

Nuxt file-based routing. That's what you need to check out.

@sujitjoshi1240 11 ай бұрын

Fantastic video. BTW I’m huge fan of Quasar. What are your thoughts on it vs Nuxt?

@sujitjoshi1240 11 ай бұрын

@@TheLight141 Of course. Upon reading more about Nuxt, it’s starting to make sense. Nuxt even has Quasar module. Exactly what I need. Thank you.

@AngelHdzMultimedia 10 ай бұрын

@@TheLight141if you are going to spread information, it better be a correct one. Quasar is both an ui library and a SPA/SSR/Mobile/Desktop cross platform Vue framework. I personally just use the UI part of Quasar in Nuxt because Quasar still don't have auto imports (they will work on it in the future).

@AngelHdzMultimedia 10 ай бұрын

@@TheLight141 haha lame excuse just to win the argument. People noways are childish without accountability. 👎

@Andrey-il8rh 10 ай бұрын

@@TheLight141disregard

@Andrey-il8rh 10 ай бұрын

This talk resonates with overall level of VueSchool content - extremely basic. Might be good for people who just get into Vue, but pretty useless if you spent at least couple of years with the framework. I wish there was more advanced content to reason about

@JuriBinturong 11 ай бұрын

I don't use Typescript only JS Doc.

@crazyden2345 11 ай бұрын

Not gonna lie these videos are always underwhelming. I expected actual useful patterns that emerged from experience, not just stuff I can read in the docs or with common sense.

@games4us132 10 ай бұрын

yes, magic of auto imports, so that you can't do integration testing. So magic, wow.

@heruhailiuhuang533 11 ай бұрын

very basic no much useful for 3 year vue dev.

@adampolyansky711 11 ай бұрын

Any suggestions for those who have 2 years experience in Angular, but wants to approach Vue?

@j.r.r.tolkien8724 10 ай бұрын

@@adampolyansky711About 3 years ago when I was at university I learned Vue in 3 days and built my final year project. It wouldn't have been possible without Vue because of the time constraints. Vue is easy to get into. What I struggled with was things like file structure, navigation munie styling because I didn't know how to toggle classes through props and connecting to an SQL database. The best advice I can give is take your time to learn the nuances. If you rush things you won't be able to find solutions for your specific use case.

@drizzletone9148 10 ай бұрын

I agree.

@heruhailiuhuang533 10 ай бұрын

@@adampolyansky711 vue is very simple than angular . Read vue docs and follow vue code styles is enough . Why do u wanna change to vue?

@jasonrooney1368 8 ай бұрын

@@adampolyansky711 Honestly, learn to apply some of the Angular patterns in vue. Services, DI, maybe modules for larger apps. Vue doesn't enforce these patterns, but it does give you the tools to implement them.

@disguisedgirl 7 ай бұрын

All are know things, nothing new and pretty basics. Nothing related to large scale application.

@drizzletone9148 10 ай бұрын

I didn't like this talk. Basically some super obvious things mixed with some totally subjective things like naming pattern. Sadly I see the decline of the level of talks. I feel like most presenters are afraid of talking about some complex topics and choosing safe, obvious talks that you can't really learn anything from it.