The Ultimate Guide to Vue Performance

Good performance is a vital part of any web application. In this new course from the Vue School team, learn how to keep your Vue applications lightning fast by looking at common performance centered solutions such as virtual lists, the v-memo directive, the shallowRef function, and more! - https://vueschool.io/courses/the-ultimate-guide-to-vue-performance

#vue

Formwerk: Build High Quality forms for Vue.js with ease

Checkout this suite of Vue.js composables designed to enhance your forms with built-in behaviors, interactions, internationalization, and accessibility, seamlessly integrating with your markup and styles. - https://formwerk.dev/

#vue

How I Started Writing Unit Tests for Vue Components

At some point, every frontend developer realizes that it would be great to somehow verify that their code is working as expected. In this article, take a look at how you can start testing Vue components. - https://dev.to/byteminds/how-i-started-writing-unit-tests-for-vue-components-1771?bb=206787

#vue

Building a Custom Authentication System with JWT in Nuxt 3

Learn how to implement a robust JWT authentication system in Nuxt 3. This comprehensive guide covers project setup, login/signup functionality, protected routes, and state management with Pinia. - https://masteringnuxt.com/blog/building-a-custom-authentication-system-with-jwt-in-nuxt-3

#vue

How to implement Nuxt-like file-based routing in Vue?

In this article, explore file-based vue routing and how we can enhance it to the next level. - https://abhidave.hashnode.dev/how-to-implement-nuxt-like-file-based-routing-in-vue

#vue

Vite Ecosystem

One of the strongest points in Vite is the ecosystem around it.
This post takes a look at some of the teams and people in the ecosystem. - https://patak.dev/vite/ecosystem

#vue

Pinia and Data Loaders

Michael Thiessen & Pinia Author Eduardo go deep into questions around the de-facto standard state management tool and why people should use Pinia,.
They also discuss what Data Loaders and Pinia Colada are. - https://www.youtube.com/watch?v=dUztjolNZig

#vue

Multiple Vue Components in one File? Vue Vine makes it possible

Alex shows how you can define multiple Vue components in one file using Vue Vine. - https://www.youtube.com/watch?v=896YeBS-dZE

#vue

How to Prefetch a Vue.js Component

Vue.js offers powerful ways to optimize application performance through component preloading. In this article, explore how to implement component prefetching to enhance your application's user experience and loading times. - https://vueschool.io/articles/vuejs-tutorials/how-to-prefetch-a-vue-js-component/

#vue

The Perfect Guide to Setting Up a New Nuxt Project

Learn how to set up a new Nuxt project with this comprehensive guide, covering best practices, essential tools, and tips for a seamless development experience all in this blogpost. - https://soubiran.dev/posts/the-perfect-guide-to-setting-up-a-new-nuxt-project

#vue

Vue.js Modular State Management: Best Practices for Scalable and Maintainable Store Configuration

Modular state management is essential for keeping scalable state management in Vue.js.
It also makes it easier to maintain the apps as they become more complex. - https://www.monterail.com/blog/vue-js-modular-state-management-and-store-configuration

#vue

defineXYZ in Vue - What are Compiler Macros?!

Even when not using auto imports, there are some function calls in your Vue SFCs that you don't "need" to import. - https://www.youtube.com/watch?v=WbMFNW04anA

#vue

Optimizing Data Loading in Nuxt with Parallel Requests

Learn how to optimize Nuxt data loading performance by implementing parallel requests with useAsyncData, reducing page load times compared to sequential data fetching operations. Includes code examples and performance comparisons. - https://vueschool.io/articles/vuejs-tutorials/optimizing-data-loading-in-nuxt-with-parallel-requests/

#vue

Async and Sync? How useAsyncData does it all

Curious about how Nuxt's useAsyncData and useFetch can operate both synchronously and asynchronously? Discover the intriguing mechanism behind this dual functionality in our latest blog post. Learn how to create functions that adapt to await usage, enhancing your understanding of Nuxt and empowering you to apply these patterns in your own projects. Check out a complete working demo and step-by-step code explanations to master this concept! - https://masteringnuxt.com/blog/async-and-sync-how-useasyncdata-does-it-all

#vue

The Ultimate Guide to Vue Performance

Good performance is a vital part of any web application. In this new course from the Vue School team, learn how to keep your Vue applications lightning fast by looking at common performance centered solutions such as virtual lists, the v-memo directive, the shallowRef function, and more! - https://vueschool.io/courses/the-ultimate-guide-to-vue-performance

#vue

How I Started Writing Unit Tests for Vue Components

At some point, every frontend developer realizes that it would be great to somehow verify that their code is working as expected. In this article, take a look at how you can start testing Vue components. - https://dev.to/byteminds/how-i-started-writing-unit-tests-for-vue-components-1771?bb=206787

#vue

Nuxt Scripts: The Answer to Third-Party Scripts Chaos

Master third-party script management with Nuxt Scripts! Boost performance, enhance privacy, and simplify integrations. Find out more in this article. - https://masteringnuxt.com/blog/nuxt-scripts-the-answer-to-third-party-scripts-chaos

#vue

How to Prefetch Lazily Loaded Vue Components

APIs let us use powerful features without writing everything from scratch. In this article, the author shares 8 practical APIs that can help you save time, cut down on repetitive tasks, and make your app smarter & more efficient. - https://www.youtube.com/watch?v=PHyciOFiI-M

#vue

13 Vue Composables Tips That Make Your Code Better

Vue composables are incredibly powerful, but they can quickly become messy and hard to maintain if you're not careful.
Michael Thiessen identified 13 tips that will help you write better, more maintainable composables. - https://michaelnthiessen.com/13-vue-composables-tips

#vue

Understanding the Vue 3 Composition API

In this guide, Jakub breaks down the key concepts of the Composition API and show you how to use it effectively in your Vue 3 applications. - https://dev.to/jacobandrewsky/understanding-the-vue-3-composition-api-fa2

#vue