Feb. 5, 2021, 3:17 p.m.

VueWeekly.dev - Issue #25 - Vuex v4 is HERE + Scaffolding Your First Vite Project ⚡

VueWeekly.dev

Releases


Vuex v4.0.0 🎉

This is the official Vuex 4 release.

The focus for Vuex 4 is compatibility. Vuex 4 supports Vue 3, and it provides the exact same API as Vuex 3, so users can reuse their existing Vuex code with Vue 3.

To check out the docs, visit next.vuex.vuejs.org.


Quasar v2 beta with Vue 3 support 🎉

Quasar Framework
@quasarframework

Took us a little more than expected, but Quasar v2 beta with Vue 3 support is finally out 🥳🎉🥳 We’re eager to know what do you think, jump in! @vuejs #Vuejs



Quasar Framework

Developer-oriented, front-end framework with VueJS components for best-in-class high-performance, responsive websites, PWA, SSR, Mobile and Desktop apps, all from the same codebase. Sensible people choose Vue. Productive people choose Quasar. Be both.

Feb. 3, 2021, 9:36 a.m.


Community & Posts


Scaling Your Vue Components for Mid-Large Size Apps

One of the key pieces in scaling your Vue app is having good component architecture.

  • How are components named?
  • What folder hierarchy should you use?
  • How is component code scoped?

The cost of not having clear answers to these simple questions increases as your app grows.


Scaffolding Your First Vite Project + SSR

Vite ⚡
@vite_js

npm init @vitejs/app


Feb. 1, 2021, 8:38 p.m.

Vite SSR docs are now available @ https://vitejs.dev/guide/ssr.html.


Vite Rails

Vite Rails is a library that provides full Vite integration in Rails.

It aims to provide similar functionality as webpacker does for webpack, but gets out of your way so that you can configure Vite easily as needed.


Amplify JavaScript releases support for Vue 3

AWS Amplify
@AWSAmplify

Today, Amplify JavaScript adds support for version 3 of Vue JS to accompany current Vue support. Check out the launch post below to learn more:



Amplify JavaScript releases support for Vue 3 | Front-End Web & Mobile

Today, Amplify JavaScript adds support for version 3 of Vue JS to accompany current Vue support. The Amplify open-source client libraries provide use-case centric, opinionated, declarative, and easy-to-use interfaces across different categories of cloud powered operations enabling mobile and web developers to easily interact with their backends. These libraries are powered by the AWS cloud […]

Feb. 1, 2021, 9:38 p.m.

Invalidating Computed with The Composition API

There are cases where you want to invalidate a computed prop you created and re-evaluate its value, this happens often if the computed prop uses non-reactive parts.


Vue 3 with Electron - Building a desktop applications with Vue and Electron

We will be building a simple file explorer that allows users to view file sizes, navigate inside directories and apply a simple file search operation. Todo this, we will walk through the process of setting up an electron app with Vue, and look at how electron interactions with the native operating system.


Oruga Nuxt module

Oruga provides a Nuxt.js module to easily integrate the library in your Nuxt.js app.

module.exports = {
  modules: ['@oruga-ui/oruga/nuxt']
}


In other news


Tailwind CSS Components

A free repository for community components using TailwindCSS

You just read issue #26 of VueWeekly.dev. You can also browse the full archives of this newsletter.

Brought to you by Buttondown, the easiest way to start and grow your newsletter.