Skip to content

VueJS Updates - October 2021

๐Ÿ”—๐ŸŒฑย  Introduction

Whatโ€™s new in Vue?

What new frameworks are available for software developers building futuristic products?

How is Vue catching up to changes in the technological ecosystem, and improving on processes, systems, and experience?

If you are curious to know whatโ€™s new in the Vue ecosystem, read on to discover new updates, developments and high-level plans discussed in this edition of Vue Contributor Days, hosted by Tracy Lee, Evan You, and Simone Cuomo. If you would rather watch the full event, you can find it here.

First off, letโ€™s have a quick glance at the cool panellists featured in this edition.

The Panelists Highlight:

Now letโ€™s dive in!

๐Ÿ”—๐ŸŒฑย  Vue 3.2

  1. 3.2 Released in August
  • (Script setup) is out of experimental
  • (style) v-bind
  • Define custom element ()
  • Reactivity performance ++
  • Effect scope API
  • ESM build + improved streaming API for @vue/server - renderer
  • V-memo for advanced performance optimization
  1. NEW RFCs
  • Ref Transform Vuejs/rfcs/discussions/369 Ref Transform

  • Props Destructure Transform Vuejs/rcfs/discussions/394 Vuejs/vue-next/pu11/4690 Props destructure transform

  1. New documentation (WIP)
  1. New Default Recommendations
  • Vue-cli => create-vue (vite based)
  • Vetur => Velar
  • State Management: consolidate Vuex-next, Pina, core
  1. SSR Focused
  • Async Component Hydration Strategies
  • Other Hydration / Payload Improvements
  • Suspense Finalization## ๐Ÿ‘ฉโ€๐Ÿ’ปย 

๐Ÿ”—๐ŸŒฑย  Comunity updates

๐Ÿ”—๐Ÿ‘ฉโ€๐Ÿ’ปย  IONIC VUE(Liam DeBeasi - Lead Developer, Ionic Framework)

  • Updates to Ionic/Vue V6
  • New Components, example: Accordions, Breadcrumbs, etc
  • Updated to new IOS designs
  • Added support for Vite
  • updates to CapacitorJS
  • Updates to StencilJS

๐Ÿ”—๐Ÿ‘ฉโ€๐Ÿ’ปย  Vue i18n (Kazuya Kawaguchi - Software Engineer, PLAID, Inc & Author of Vue i18n)

  • Current stable version is 9.1.9
  • It supports Vue 3
  • Typescript support

๐Ÿ”—๐Ÿ‘ฉโ€๐Ÿ’ปย  Astro (Fred Schott - Creator of Astro)

Checkout https://astro.build/. It supports Vue.

๐Ÿ”—๐Ÿ‘ฉโ€๐Ÿ’ปย  QUASAR (Luke Diebold - Lead developer, Agripath & Quasar Core Team)

  • Vue 3 Support
  • Volar Support
  • Vite Support in progress
  • Core App Extensions Migration are nearly complete, A Popular example is Qcalendar.
  • Static Site Generator(SSG) Freddy38510/quasar-app-extension-ssg
  • Cypress component testing integration, still in Alpha.
  • Visit Quasarcast.com to learn about version 2. Everything is free.
  • QuasarNews.com (Podcast) Coming soon.
  • 72+ component series in Quasar Components(QuasarComponents.com).

๐Ÿ”—๐Ÿ‘ฉโ€๐Ÿ’ปย  VUE Storefront (Filip Rakowski - Co-founder/CTO, Vue StoreFront)

  • Building high-quality tools to help developers build an amazing e-commerce storefront.
  • Vue Storefront Middleware and UI.
  • Vue Storefront Platform to host and analyze on the storefront.

๐Ÿ”—๐Ÿ‘ฉโ€๐Ÿ’ปย  Nuxt (Daniel Roe - Framework Architect, Nuxt)

๐Ÿ”—๐Ÿ‘ฉโ€๐Ÿ’ปย  VUETIFY (John Leider - Author & Founder, Vuetify)

  • Updates to the Form component.
  • New validation system, selection controls, checkboxes, different filtering methods on different types of data.
  • Update to Autocomplete component.
  • New component for Nested functionality.
  • Vite plugin.
  • SAAS Interfacing: updated from import to modules so itโ€™s more intuitive for modification of the frameworks or utility classes.
  • It supports the different compile methods for overriding variables.
  • It works with Vue CLI.
  • A new vite SSR documentation.

๐Ÿ”—๐Ÿ‘ฉโ€๐Ÿ’ปย  CHAKRA U.I (Jonathan Bakebwa - Creator of Chakra UI & UI Engineer rct.ai)

CHAKRA U.I/ VUE NEXT VI Alpha release is out and in use for production and mostly relies on the theme API

  • Base style overrides and custom variants.
  • Partial back-port to @^0.10.2
  • Mode utility.
  • V2 early development with UI machines.
  • State machines to write Vue composition API hooks.
  • CHAKRA U.I Extract for Zero- runtime styling API.

๐Ÿ”—๐Ÿ‘ฉโ€๐Ÿ’ปย  Nuxt (Anthony Fu - Core team member, Vue & Vite)

๐Ÿ”—๐Ÿง ย  Have Any Questions

๐Ÿ™‹โ€โ™€๏ธย  If you have any questions or things to share? Use #VueContributorDays on Twitter and talk with us!

๐Ÿ“บย  View the replay here for the full update on the Vue Ecosystem! ๐Ÿค


This Dot Labs is a development consultancy focused on providing staff augmentation, architectural guidance, and consulting to companies.

We help implement and teach modern web best practices with technologies such as React, Angular, Vue, Web Components, GraphQL, Node, and more.

You might also like

VueJS

Making sense of Multiple v-model Bindings in Vue 3

VueJS

Take your App to the Next Level with Vue 3

VueJS

Introducing the release of Vue 3

VueJS

How to Set Up Storybook in VueJS