#191: State of Vue 2021, Vite v2 released; Vuex 5 RFC; Vuetify for Vue 3 in alpha and more!

March 7 · Issue #191 · View online

Welcome back!

Those last 3 weeks have been truly crazy! First of all, Evan’s State of Vuenion 2021 talk at Vue.js Amsterdam where he is covering the recent developments in the Vue ecosystem. How Vue is doing (like NASA using it to drive their mission control system), new releases, and future plans! The recording ends with the announcement and highlights from Monterail’s annual State of Vue report, which you can download here.

Vite – the frontend build tool everyone is crazy about has hit v2. It is a big milestone for the project as it is no longer limited to Vue only (though I would recommend using it for Vue projects starting now).

Next – Vuex 5. Wait, what? Five? Hasn’t version 4 been released just recently? Yes, it was, but it was a mostly backward-compatible port of Vuex 3 dedicated to Vue 3.0.

Version 5 on the other hand is a completely new state management library. Although it still keeps some ideas from the Vuex you know (and the name), it presents a new approach to state management. Why? The Vuex team has learned a lot from the limitations and pain-points of the current implementation and decided it is time to move forward with new ideas. Make sure to read the RFC and join the discussion.

Read the stories below for more news regarding i18n, Vuetify, Nuxt, and the upcoming (free!) VueConf.us conference happening on April 14th!

Kind regards,

— Damian Dulisz

📖 Read the issue online

Go to news.vuejs.org.

Submit new stories at news.vuejs.org/submit.

News

PREMIERE of Evan You State of the Vuenion and Panel Discussion at Vuejs Amsterdam 2021

State of Vue.js: 2021 Report – Monterail

www.monterail.com – Share

Monterail has released their new 2021 version of the State of Vue report, in collaboration with members of the Vue core team.

Announcing Vite 2.0 - Evan You

dev.to – Share

Vite (French word for “fast”, pronounced /vit/) is a new kind of build tool for frontend web development. Think a pre-configured dev server + bundler combo, but leaner and faster. It leverages browser’s native ES modules support and tools written in compile-to-native languages like esbuild to deliver a snappy and modern development experience.

Vuex 5 RFC: Read the proposed new architecture for Vuex 5 and join the discussion! – Kia King Ishii

github.com – Share

The Vuex team is now ready to present you their vision of the upcoming v5 of Vuex – the official Vue state management library. The first RFC covers the new architecture as well as differences compared to Vuex 3 & 4. Check it out and join the discussion!

Announcing Vue I18n 9.0 – Kazuya Kawaguchi

blog.intlify.dev – Share

Vue I18n is the most popular internationalization library for Vue and it just hit version 9.0. It’s a complete rewrite with lots of new features!

The new major version of Vue I18n provides Layered modules, Hybrid APIs, Message Compiler, Pre-compilation, Vue Devtools integration, Bundle size optimization, and a solid foundation for long-term future iterations of this library.

NuxtJS

@nuxt_js

Nuxt v2.15 is out ✨

▵ Yarn Plug and Play Support
▵ Opting-in to PostCSS 8
▵ Enhanced Components Discovery
▵ New require engine with TypeScript support
▵ 25 Bug Fixes

https://t.co/Ujm0lmlR8x

3:02 PM - 15 Feb 2021

Vueconf.US

@vueconfus

We are excited to announce the speakers for #vueconfus 2021. Its FREE and there is SWAG 👕
💚Hosted by Evan You
💚Live Video and Chat Q&A with speakers 🙋‍♀️
💚Attendee ⚡️ Talks
💚Live DJ 🎵
💚Virtual Party 🥳
💚Workshops (tba)

April 14
https://t.co/jbhXYqM98r
virtual. vue. love. https://t.co/rkeb8IWMrQ

2:31 PM - 2 Mar 2021

Vuetify.js

@vuetifyjs

⚡ The Vuetify 3 alpha has arrived! This release includes multiple updated components, the new theme, layout, and icon systems, and more! Additional information is in the release notes: https://t.co/xwZSDpxpRH

10:24 AM - 3 Mar 2021

Storybook for Vue 3 – Michael Shilman

storybook.js.org – Share

Storybook now supports Vue 3.0! Storybook is an open source tool for building UI components in isolation, while also serving as both documentation and can integrate with testing tools.

Conference Video Portal - Vuejs Amsterdam

vuejs.amsterdam – Share

[SPONSORED] 🔥 Another amazing Vuejs Amsterdam with 31274 registrants from 1️⃣0️⃣0️⃣ countries and 20 speakers!

Buy access to all Conference Recordings of Vuejs Amsterdam and JSworld Conference at only €49.

Learn the latest on VueCLI 5, Vite, VueX 5, Nuxt 3, Vue i18n, and MORE 🥳

Vue - The Road To Enterprise

theroadtoenterprise.com – Share

[SPONSORED] Become a Vue pro by mastering advanced patterns, best practices, and cutting-edge techniques for the development of blazing-fast Vue 2 & 3 applications. From Thomas Findlay, the 5-star rated mentor.

Articles

Building large projects with Vue, Vite and Lerna - Tomasz Waraksa

letsdebug.it – Share

A topic that isn’t often covered – application architecture / file structure of large Vue projects. In this post, Tomasz explores an app architecture based on Lerna (mono-repo) that highly favors using separate packages for different parts of the app. Super interesting approach, that I would love to see in action.

Oruga: the new kid on the block - Andrea Stagi

dev.to – Share

In this article you’ll learn how to use OrugaUI, a new lightweight library of UI components for VueJS without CSS framework dependency.

The Benefits of the New Vue 3 App Initialization Code – Mikhail Kuznetsov

vueschool.io – Share

In this article, we’ll compare the Vue 2 and Vue 3 app initialization code and reveal the drawbacks of the Vue 2 approach, as well as cover how Vue 3 solves those shortcomings.

Vue Enterprise Patterns - How to Build Components With Design System Variants And Share Variant Styles Using Variant Style Provider – Thomas Findlay

theroadtoenterprise.com – Share

Explore Vue Enterprise Pattern and take advantage of CSS variables and CSS modules to create Vue components with variants based on a design system and provide variant styles using the Variant Style Provider component.

💚 Sponsors 💙