Hi 👋,

We've been running Vue Weekly for a while now and you may have noticed that we've been a bit behind recently...so we've decided to revamp the structure. We love Vue.js. But, the frontend is one part of the story and there are lots of cool and interesting projects that we see and use that we'd like to share.

For that reason, we're sunsetting Vue Weekly and turning our focus to Fullstack Digest. Same structure but with curated content focusing on all aspects of development (frontend, backend, DevOps, machine learning, tips and tricks).

Vue.js will always have a special place in our hearts and we promise to continue to showcase the ecosystem. This change gives us more flexibility to include other technologies and posts that will power-up your developer experience.

Hello VueWeekly Readers!

We’ve been rather busy, but are looking to get back to the regular weekly cadence you all have grown accustomed to! Without further ado, here’s whats new with Vue!

Releases

Hello VueWeekly Readers!

Sorry for the lack of updates the past couple weeks. We’ve been rather busy, but are looking to get back to the regular weekly cadence you all have grown accustomed to! Without further ado, here’s whats new with Vue!

Releases

Releases

Vuex v4.0.0 🎉

Releases

Vite 2 - Beta 57

Releases

Snowpack 3.0 ⛄️

Happy New Year! Below is a jam-packed issue to catch you up on all of the recent happenings. Enjoy!

Releases

Releases

vue-router-next v4.0.1

Vue v3.0.4 Release

How The Heck Does Vite Work - A comparison to Webpack

Storybook 6.1

Engineered for rapid UI development

SFC style CSS variable injection (new edition)

This is an improved alternative of the previous version (<style vars> as proposed in #226)

<template>
  <div class="text">hello</div>
</template>

<script>
  export default {
    data() {
      return {
        color: 'red',
        font: {
          size: '2em'
        }
      }
    }
</script>

<style>
  .text {
    color: v-bind(color);

    /* expressions (wrap in quotes) */
    font-size: v-bind('font.size');
  }
</style>

Equal UI

Non-reactive Objects in Vue Composition API

Vue's reactivity magic is one of the most attractive aspects of Vue.js. You define your state and your UI updates whenever the reactive state changes.

But sometimes you don't want reactivity at all, the composition API makes it very easy to do so.

lucia

What Vue.js Does Better Than React

I've been a React engineer for the past 5 years. I love React. I love making React applications. I think it's one of the best UI frameworks available right now. However, there are a few competitors in this space. One of the biggest is Vue.js.

Streaming from the browser with Nuxt using sockets and ffmpeg

Announcing Ionic Vue

Vue 3 Tutorial - Full Course 10 Hours 10 apps

Vue js tutorial full course for beginners to advanced. Building 10 projects in 10 hours Using Vue 3 composition API - setup, teleport, reactivity, and ref .

Vue 3 Tutorial will start from very basics and teach you how to use TensorFlow and firebase with your vuejs in this full course of 10 hours by building 10 different apps

🌟 Technologies Covered 🌟

• 🔸 Tensorflow JS
• 🔸 Netlify
• 🔸 Vue 3
• 🔸 Vuex v4
• 🔸 Vue Router v4
• 🔸 Firebase Authentication
• 🔸 Firebase Real-Time Database
• 🔸 CrudCrud & reqres API

Vectre

Vectre is a set of lightweight, simple and responsive Vue components based on Spectre CSS

• Clean, responsive and consistent design system
• Only about 14kb min+gzip (plus ~9kb Spectre CSS)
• Supports Typescript and TSX
• Improved performance of most components thanks to functional components
• Optimized for legacy browsers
• Focus on usability and rapid development
• Tree shaking

VuePress v1.6.0 Released!

The official release of Vue.js 3.0 "One Piece"

Today we are proud to announce the official release of Vue.js 3.0 "One Piece". This new major version of the framework provides improved performance, smaller bundle sizes, better TypeScript integration, new APIs for tackling large scale use cases, and a solid foundation for long-term future iterations of the framework.

Hats off to the core team and all those who contributed!

Announcing the (new) Ionic Vue Beta

VueConf Toronto 2020

Get your FREE tickets for the largest Vue.js virtual conference in the world. Join Vue core team members and other 10k+ developers from more than 100 countries to learn all about the latest of Vue.js and related technologies.

Are you attending? We are!

Vue 3 RC6 Released!

Handling Asynchrony in Vue 3 / Composition API — Part 1: Managing Async state

In Part 1 of a three-part series, the author steps through real-world use cases of the Composition API. The <Suspense> example immediately caught our eye.

Have You Mastered These 9 Vue Techniques?

A nice refresher on some of the lesser-known features. One of our favorites, functional components 😄:

<template functional>
  <div class="book">
     
  </div>
</template>

Writing A Vite Plugin

Vite has gotten a lot of buzz recently, but what does it mean for developers? No better way to gain an appreciation than by stepping through an example!

With Vue 3 recently reaching release candidate, it’s a great time to dive in and give it a try. To get started right now you’ll need to use vite, the new web dev build tool from the creators of Vue. Vite offers a new plugin system for extending vite’s capabilities. Today we’ll take a look at setting up a simple vite plugin.

vue-cli adds support for Vue 3 (beta) in v4.5

Ready to test out a new application with Vue 3?

This version adds first-class Vue 3 support (for preview). You no longer need vue-cli-plugin-vue-next to serve and build Vue 3 projects.

Vue RFC #182 SFC Improvements

SFC Improvements RFC

Big props to Evan and the Vue core team for getting these improvements into the Vue 3 betas in 2 weeks. Especially looking forward to using the state-driven CSS vars 🎉.

This PR includes 3 RFCs related to improving the authoring experience of Vue SFCs.