Vue.js Courses and Tutorials
In the previous article we learned about the performance improvements that Vue 3 will bring. We already know that apps written in the new major version of Vue will perform very well but performance isn’t the most important part. The thing that matters most to us developers, is how the new release will affect the way we write our code.
As you could expect, Vue 3 brings a lot of new exciting features.
We tend to hear more and more about the upcoming 3rd major release of Vue.js. While not everything is certain yet by following discussions, we can safely assume that it’s going to be a huge improvement over the current version (that is already outstanding). Vue team is doing an amazing job of improving framework APIs.
The purpose of lazy loading is to postpone downloading parts of your application that are not needed by the user on the initial page load which ends up in much better loading time.
In the previous article, we learned about the concept of lazy loading and briefly understood how webpack bundling works under the hood. With a good understanding of basics, we can see how to apply this knowledge in a real-world Vue application. The trick you will earn today could dramatically decrease your bundle size in just a few minutes. Feel excited? Let’s see what it is!
While mobile-first approach becomes a standard and uncertain network conditions are something we should always take into consideration it’s harder and harder to keep your application loading fast. In this series, I’ll dig deep into Vue performance optimization techniques that we are using in Vue Storefront and that you can use in your Vue.js applications to make them loading instantly and perform smooth. My goal is to make this series a full and complete guide on Vue apps performance.
Monday I woke to see a ton of people tweeting about some new feature of Vue 3! I get excited and see this tweet from Evan You, the creator of Vue, in the event you didn't know.
Really appreciate the writeup by Daniel Elkington: https://t.co/CsH1RC8V7p
— Evan You (@youyuxi) June 22, 2019
Well hello there! Here at Vue School we aim to mould and develop the next generation of Vue.js experts. Everyone, from Advanced to “just starting out” beginners, can find a place here at Vue School learning and developing their Vue skills regardless of level. That has been our goal from the start, to allow developers of all levels to hone and perfect their abilities to build websites and applications in Vue!
As soon as you start learning Vue you find out that the atomic unit of its architecture are components. In fact, that's nothing Vue-specific: any component-based technology, such as React or Angular, work the same way.
One day you start creating a Vue application. You start creating components in order to structure the different pieces of your application. That's cool and you should be feeling the great dev experience of Vue and the web component architecture. As you go on with your project you start to somehow structure your application components, probably by pages and components.
As your application grows, you start to look for performance patterns to make it faster. On the way, you'll find code splitting and lazy loading to be two of them that make your initial bundle smaller by deferring the loading of code chunks until needed.
