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 🎉
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.
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
npm init @vitejs/app
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
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 […]
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