All we know about Vue 3's Vapor Mode

Vapor Mode is a new and alternative compilation strategy inspired by Solid.js. It aims to enhance your apps' performance by compiling your code into a more efficient JavaScript output. This article provides a comprehensive look at Vapor Mode in Vue.js - https://icarusgk.hashnode.dev/vue-3-vapor-mode

#vue

Unveiling the Magic of Provide/Inject with Vue.js

In this blog post, explore the provide and inject feature in Vue.js, its use cases, and how to implement it effectively in your Vue.js applications. - https://vueschool.io/articles/vuejs-tutorials/unveiling-the-magic-of-provide-inject-with-vue-js/

#vue

Configuration in Nuxt 3: runtimeConfig vs appConfig

The two key parts of Nuxt 3's configuration system are runtimeConfig and appConfig. This article will explain the purpose and differences between these two options and show you how to use them. - https://masteringnuxt.com/blog/configuration-in-nuxt-3-runtimeConfig-vs-appConfig

#vue

Simplest implementation for Vue Server-side Rendering with any Backend

In this article the author takes a look at how to set up Server-side rendering using PHP + Laravel & Vue 3. - https://sethphat.dev/simplest-implementation-for-vue-server-side-rendering-with-any-backend

#vue

Useful Vue Utils with VueUse

In this article, the author talks a bit more about VueUse and how much you can get out of it. And believe me, you will gain a lot - https://dev.to/jacobandrewsky/useful-vue-utils-with-vueuse-17ap

#vue

Understanding and Measuring Nuxt Performance – Vue.js 3 Performance

This article is the fist part of a series on Performance in Vue 3 and will focus on performance in an application and what makes an application termed as fast. - https://vueschool.io/articles/vuejs-tutorials/understanding-and-measuring-nuxt-performance-vue-js-3-performance/

#vue

Vue 3 Velocity: The Cache Busting Blueprint

Browser caching is a powerful optimization technique employed to enhance the performance of web applications. The term “cache-busting” refers to the intentional invalidation or versioning of static assets, compelling the browser to fetch fresh resources when changes occur. In this article, the author introduces cache-busting and provides detailed knowledge on you can implement cache-busting in a Vue 3 project. - https://medium.com/@khalidoghli7/vue-3-velocity-the-cache-busting-blueprint-704cfa80ae3c

#vue

More secure Vue & Nuxt apps -> by default️

Making your web application more secure is not an easy process. In this article, the author introduces the Nuxt Security module, what it does, and how you can customize its functionality and behavior to match your security needs better. - https://dev.to/jacobandrewsky/more-secure-vue-nuxt-apps-by-default-3nhi

#vue

Building a Quiz App Powered by Nuxt Content 1

This is first article in a two-part tutorial on using Nuxt Content to build a quiz application. - https://masteringnuxt.com/blog/building-a-quiz-app-powered-by-nuxt-content

#vue

Why You Should Say Goodbye to Mixins and Embrace Composables

Vuejs 3 introduced composables as the new way to define logic that is shared and re-used among components. In this article, the author outlines the missing pieces offered composables as an excellent replacement for mixins. - https://levelup.gitconnected.com/why-you-should-say-goodbye-to-mixins-and-embrace-composables-9749d8fac9fc

#vue

Vue Query vs. Pinia: A Clarity Comparison

This article will delve into the comparison between Vue Query and Pinia in Vue.js, focusing on clarity and why Vue Query might be a better choice for managing server state. - https://medium.com/@yah.emam/vue-query-vs-pinia-a-clarity-comparison-1002c8a5e7f5

#vue

Guide — Face Detection Using TensorFlow.js on Vue.js

In this concise guide, you'll delve into the practical implementation of face detection using TensorFlow.js in a Vue.js application. - https://blog.stackademic.com/guide-face-recognition-using-tensorflow-js-on-vue-js-706fd6b21657

#vue

Creating an E-commerce website with Nuxt 3 and Sanity CMS

In this article, the author discuses how you can set up an e-commerce website using Sanity CMS for content and Nuxt.js for the frontend of the website. - https://javascript.plainenglish.io/creating-an-e-commerce-website-with-nuxt-3-and-sanity-cms-33d8b120dd06

#vue

Vue Templates: Should They Start from the Top or the Bottom?

A question arises: "Some people and projects write SFCs differently, especially the order of template, script and style tags.”. This blog post shares an opinionated view on the best way to structure your Single File Components. - https://dev.to/mikinovation/vue-templates-should-they-start-from-the-top-or-the-bottom-30lc

#vue

How to Use Vue Router: A Complete Tutorial

One of the most powerful features of modern single-page web applications (SPA) is routing. Vue Router is the official library for page navigation in Vue applications. This article will go over everything you need to know to use Vue Router comfortably. - https://vueschool.io/articles/vuejs-tutorials/how-to-use-vue-router-a-complete-tutorial/

#vue

A Better Frontend Component Structure: Component Trees

As we create large applications, deducing how components are connected and interact becomes a challenge. In this article, the author provides a solution to easily avoid frontend component directories with high cognitive load. - https://betterprogramming.pub/a-better-frontend-component-structure-component-trees-5a99ed6d1ece

#vue

Stateful Logic Reuse ft. Composables

Code reuse is arguably one of the most satisfying experiences of a developer's life. Since it leads to lesser code to manage. This blogpost provides insight into what the term "Stateful” means. - https://naumanzafar.dev/stateful-logic-reuse-ft-composables

#vue

How to Migrate Large Applications Efficiently from Vue.js To Nuxt.js

This post guides you in migrating a Vue.js app to Nuxt.js, covering key topics for a smoother transition. Whether for SEO, performance, or improved workflows, gain valuable insights to make the process seamless. - https://blog.canopas.com/how-to-migrate-large-applications-efficiently-from-vue-js-to-nuxt-js-bdd9e41f82a1

#vue

The BEST way to proxy your API in Nuxt

Proxying routes to your back-end or third party APIs is a common practice! Over the last two years, various strategies came up in Nuxt. But not all of them work equally well. To figure out which two strategies are the recommended ones, in this video take a look at the four most common strategies, and their shortcomings. - https://www.youtube.com/watch?v=J4E5uYz5AY8

#vue

Real-time updates in Vue apps with Polling

In polling, client makes the request to the server repeatedly in hope for updated/new data. In this article, the author introduces you to the concept of Frontend Polling in Vue.js apps. - https://dev.to/jacobandrewsky/real-time-updates-in-vue-apps-with-polling-35eg

#vue