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

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 🎉

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 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

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