TheVueDev @devcommunity@vue.land

By leveraging FormKit in your Vue projects you can supercharge your form development and build rich and complex user-experiences in a fraction of the time — for free.

{ author: @0xBOYD } #DEVCommunity #VueJS
https://dev.to/andrewboyd/build-a-multi-step-form-in-vue-in-5-minutes-41cj

With Vue slots, you can turn a part or all of your components into reusable templates that will render differently based on different use cases.

{ author: @Operascode } #DEVCommunity #VueJS
https://dev.to/johnpaul/unleashing-the-power-of-slots-in-vuejs-m1a

Delaying hydration is a technique to hint to Google that our scripts are not required for our app to function.

Here's how it works.

{ author: @jacobandrewsky } #DEVCommunity #VueJS
https://dev.to/jacobandrewsky/improving-performance-of-nuxt-with-delayed-hydration-4cif

This post will explore tips and practices we can use to simplify our Vue component testing with tools like Vitest.

{ author: @MayaShavin } #DEVCommunity #VueJS
https://dev.to/mayashavin/testing-vue-components-the-right-way-2hio

Ionic Appflow live update is a good feature. It allows you update your app without waiting Play Store's review.

Let's explore how it works.

#DEVCommunity #VueJS
https://dev.to/arnosolo/ionic-appflow-live-update-alternative-55c3

It's all about that (Supa)base.

{ author: @xinnks } #DEVCommunity #VueJS
https://dev.to/xinnks/nuxt-3-authentication-with-supabase-g8f

Full Stack Development With Nuxt 3 and Nitro — Vue Amsterdam Conference 2022 — Ninth Talk

{ author: @Mohsen96Vaziri } #DEVCommunity #VueJS
https://dev.to/mohsen_vaziri/full-stack-development-with-nuxt-3-and-nitro-vue-amsterdam-conference-2022-ninth-talk-2djk

The aim here is to go step-by-step to configure vite and testing-library in an environment that uses TypeScript.

#DEVCommunity #VueJS
https://dev.to/marabesi/configuring-vitest-and-testing-library-to-work-together-4knn

In this post, we are going to learn about Nuxt, one of if not “the” most popular VueJS frameworks.

{ author: @xinnks } #DEVCommunity #VueJS
https://dev.to/xinnks/getting-started-with-nuxt-3-3hm2

Next time you find yourself repeating component configurations throughout your application, considering using the higher order component approach.

#DEVCommunity #VueJS
https://dev.to/wearethreebears/what-are-higher-order-components-and-how-to-use-them-in-vue-3n8e

This blog post will show you how to validate forms in Vue 3 using Yup.

#DEVCommunity #VueJS
https://dev.to/carstenbehrens/vue-form-validation-using-yup-he0

In this second part of “Introduction to Nuxt 3” we are going to build a Movie app where we can query the “The Movies Database” API.

{ author: @AlexanderGekov } #DEVCommunity #VueJS
https://dev.to/alexandergekov/introduction-to-nuxt-3-part-2-movie-app-i02

These recommendations should increase the performance of your application, but to make sure you have to constantly measure it.

{ author: @jacobandrewsky } #DEVCommunity #VueJS
https://dev.to/jacobandrewsky/continuous-performance-audits-in-nuxt-with-lighthouse-ci-and-github-actions-2hpf

The goal was to make a very simple library that could be dropped into a project that needed just a bit of interactivity.

Let me show you how it works!

#DEVCommunity #VueJS
https://dev.to/krowemoh/a-petitevue-tutorial-01-hello-world-30lh

Now that we are getting a bit more complicated, we'll need to rewire some things so that we can get better error handling...

#DEVCommunity #VueJS
https://dev.to/krowemoh/a-petitevue-tutorial-04-searching-50f5

Publishing a Vue 3 - Typescript Component Library to GitHub Packages

#DEVCommunity #VueJS
https://dev.to/peshanghiwa/publishing-a-vue-3-typescript-component-library-to-github-packages-46ec

Nuxt automatically sets up server-side rendering, has automatic code-splitting to improve performance, layout system and powerful file-based routing just to name a few.

Here's how it works.

{ author: @AlexanderGekov } #DEVCommunity #VueJS
https://dev.to/alexandergekov/introduction-to-nuxt-3-part-1-5cdk

Folder-by-type is the most common architecture in Vue projects. It is simple and comes by default with every Vue app created using Vue CLI.

Let's explore how it works!

{ author: @MichalDulik } #DEVCommunity #VueJS
https://dev.to/michaldulik/vue-modular-architecture-1d4e

Vue-formulate is a powerful, flexible and easy-to-use form building library for VueJS.

{ author: @codingben_ } #DEVCommunity #VueJS
https://dev.to/benoitpetit/building-powerful-forms-with-ease-an-introduction-to-vue-formulate-3bba

If you are like me and use middleware to handle the authentication state of your application by calling an endpoint which provides a token, I will show you how to do this in Nuxt 3.

{ author: @raf_codes } #DEVCommunity #VueJS
https://dev.to/rafaelmagalhaes/authentication-in-nuxt-3-375o