Oct 31, 2017

Vue.js Developers Issue #36 - Vue.js Lazy-Load Router With Latest Browser Features, State of Vue.js Report and more

By Anthony Gore • Issue #36 • View online

Dynamic module importing is one of the latest JavaScript features to hit the major browsers. The main use case for this feature is lazy-loading modules to allow content to be delivered when it is needed, rather than all at once.

In my article this week I demonstrate how you can build a tiny lazy-load router with Vue.js, including a fallback for browsers which don’t yet support dynamic loading.

In other news, Monterail has published the “State of Vue.js”. This report is for developers and technology businesses interested in adding Vue.js to their stack and includes case studies and survey results from 1100+ businesses around the world.

We also have our usual assortment of new tutorials this week: Paul Redmond has published an awesome guide on transitioning from jQuery to Vue.js, while Nicolas Udy explains how to bring your website to life with Vue transitions and animations.

Check these out, and more, below.

Our Latest Vue.js Article

Build A Lazy-Load Router With Vue.js And The Latest Browser Features

Dynamic module importing is one of the latest JavaScript features to hit the major browsers. In this article, I’ll demonstrate how you can build a lazy-load router with Vue.js that works natively in supported browsers. Without having to polyfill a module loading system, you can create this with just a few lines of code!

vuejsdevelopers.com • Share

6 Essential Vue.js Links From This Week

State of Vue.js

The “State of Vue.js” report is for developers and technology businesses interested in adding Vue.js to their stack. It includes case studies and survey results from 1100+ businesses.

www.monterail.com • Share

Creating Vue.js Transitions and Animations

Animations and transitions can bring a site to life. Nicolas Udy has written a great article on how to use them effectively in a Vue.js application.

css-tricks.com • Share

From jQuery to Vue.js

In this unique tutorial, Paul Redmond walks us through building a UI with jQuery and then rewriting it using Vue to see the strengths and weaknesses of these two frameworks.

laravel-news.com • Share

Using Props for Accessing URL Parameters Within Components with Vue Router

This video tutorial shows how you can use props to access URL parameters and, in doing so, make your code DRYer, cleaner and easier to understand.

www.mikestreety.co.uk • Share

SEO for Vue.js SPA: Prerender & Server-Side Rendering

Maxime Laboissonniere of Snipcart shows how to handle SEO with a Vue.js SPA, comparing server-side rendering with a prerendering approach.

www.youtube.com • Share

Learning Vue for Ionic/Angular Developers

Josh Morony has published a great tutorial on how to effectively use the Vue framework if you’ve come from an Ionic or Angular background.

www.joshmorony.com • Share