Best of Vue.js — February 2023

1. 1
   Article

   LogRocket·3y

   Building a multi-framework dashboard with Astro

   Building a multi-framework dashboard with Astro can be a powerful and efficient way to create complex and versatile software. As software systems and requirements evolve, it may become necessary to migrate to a new framework or set of frameworks. Using Astro, developers can easily integrate multiple frameworks, allowing them to take advantage of the best features of each.

   44

   6
2. 2
   Article

   Community Picks·3y

   Let’s Cover Some Powerful Feature to be Vue Jedi Master.

   Vue.js Composition API provides powerful features such as reactive state, refs, computed properties, methods, and watchers. It also supports lifecycle hooks, context, effects, and providers. The Composition API allows for better reusability and performance optimization. It provides TypeScript support, server-side rendering, and single file components. Other features include routing, internationalization, dynamic components, and error handling.

   37

   3
3. 3
   Article

   asayer·3y

   Getting started with Alpine.js

   Alpine.js allows web developers to create interactive and reactive user interfaces. It is lightweight, easy to learn, and integrates well with other frameworks. The post also provides an example of building a todo app using Alpine.js.

   32

   3
4. 4
   Article

   Snyk·3y

   Building Vue 3 components with Tailwind CSS

   Learn how to build Vue 3 components using Tailwind CSS, a versatile CSS framework that provides utility classes for styling UI elements. This tutorial covers setting up Tailwind with Vue, the benefits of using Tailwind CSS, and how to handle breakpoints in Tailwind CSS.

   12
5. 5
   Article

   LogRocket·3y

   How to correctly force a Vue component to re-render

   Learn how to force a Vue component to re-render in different scenarios. Understand when it's appropriate to force an update and explore best practices for efficient re-rendering.

   10
6. 6
   Article

   This Dot·3y

   Provide/Inject API With Vue 3

   This post explores the use of the Provide/Inject API in Vue 3 for sharing data between parent and child components. It discusses the challenges of state management in single-page applications and how Provide/Inject can be used as a middle ground solution. The post provides examples of using Provide/Inject with props and the Composition API, as well as recommendations for providing reactivity and managing global state.

   10