Patterns for Large Scale Vue.js Applications - VueConf US 2023
Vložit
- čas přidán 27. 07. 2024
- 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 - Věda a technologie
I thought this was going to be actual patterns.. But this is stuff we already do.. Except we don't call our buttons AppButton..
that's on the docs already
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....
And thats the reason i don’t like to go to conferences… that’s not what i was expecting
this video was a waste of 20 minutes
Came for the large scale app patterns, watched a video on vs code extensions and hello world.
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).
Very basis but usefull stuff
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
thanks
What does it mean [id].vue and edit-[id].vue in 11:26? I never see this usage in my project.
Nuxt file-based routing. That's what you need to check out.
I don't use Typescript only JS Doc.
Fantastic video. BTW I’m huge fan of Quasar. What are your thoughts on it vs Nuxt?
@@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.
@@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).
@@TheLight141 haha lame excuse just to win the argument. People noways are childish without accountability. 👎
@@TheLight141disregard
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
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.
yes, magic of auto imports, so that you can't do integration testing. So magic, wow.
very basic no much useful for 3 year vue dev.
Any suggestions for those who have 2 years experience in Angular, but wants to approach Vue?
@@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.
I agree.
@@adampolyansky711 vue is very simple than angular . Read vue docs and follow vue code styles is enough . Why do u wanna change to vue?
@@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.
All are know things, nothing new and pretty basics. Nothing related to large scale application.
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.