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.
Lazy Loading Individual Vue Components and Prefetching
Part 3 of 3 in our Vue.js Performance series.Written by Filip Rakowski
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.
Vue.js Router Performance
Part 2 of 3 in our Vue.js Performance series.Written by Filip Rakowski
Lazy loading of vue-router routes and common gotchas
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!
Lazy loading and code splitting in Vue.js
Part 1 of 3 in our Vue.js Performance series.Written by Filip Rakowski
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.
Why people got upset with Vue 3
Written by Alex KyriakidisMonday 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
Student Pricing at Vue School
Written by Rolf Haug
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!
Structuring Vue Components
Written by Alex Jover MoralesAs 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.
Reusing Logic in Vue Components
Written by Alex Jover MoralesOne 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.
Async Vue.js Components
Written by Alex Jover MoralesAs 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.
Build an Infinite Scroll component using Intersection Observer API
Written by Alex Jover MoralesWhen building applications you often come across the case where you need to design a list or search interface for the user. They usually manage lots of data, thus you need a way for the user to show it "in chunks" so that we keep the application performance and the data organized.