Best of Vue.js — July 2024

  1. 1
    Article
    Avatar of communityCommunity Picks·2y

    Patterns For JavaScript Frontend Applications

    Patterns are crucial in managing the complexity of JavaScript frontend applications, much like they were in desktop and enterprise applications. By drawing on architectural patterns like MVVM, CQRS, and Flux, developers can better manage the state and interactions within their applications. Frameworks like Angular, React, and Vue help streamline these processes through structured state-management techniques. Understanding these patterns allows for sustainable and maintainable application development.

  2. 2
    Article
    Avatar of logrocketLogRocket·2y

    Building UIs with Franken UI, a Shadcn alternative

    Franken UI is an open-source library offering pre-built UI components with an HTML-first approach. It is framework-agnostic, ensuring seamless integration with JavaScript frameworks like Vue, React, or Svelte. Compatible with UIkit 3 and Tailwind CSS, it allows for extensive customization through CSS variables and utility classes. Key features include dark mode, theming, hooks, and over 70 reusable components. Despite being relatively new, Franken UI is gaining traction among developers for its flexibility and ease of use.

  3. 3
    Article
    Avatar of traversymediaTraversy Media·2y

    Vue.js Crash Course 2024

    This 3-hour crash course provides a comprehensive introduction to Vue 3, covering fundamentals like the options and composition API, directives, ref and reactive variables, state management, props, and more. The course includes a hands-on project building a job listing site from scratch.

  4. 4
    Article
    Avatar of webtoolsweeklyWeb Tools Weekly·2y

    CSS Tools, JSON, Databases, Vue

    This post highlights various tools spanning CSS, HTML, JSON, databases, and Vue. It includes advanced CSS and HTML browser extensions, useful JavaScript libraries, and tools to simplify database and JSON management. Additionally, it features a collection of Vue tools for creating maps, handling props dynamically, and scaffolding new projects with ease.

  5. 5
    Article
    Avatar of PrismicPrismic·2y

    Top 10 Vue Component Libraries in 2024

    Vue component libraries can significantly speed up development and improve project quality by offering pre-built, reusable components for building blocks like buttons, forms, and sliders. Among the top 10 Vue component libraries in 2024 are Vuetify, Quasar, PrimeVue, and others, each offering unique features such as Material Design principles, cross-platform development, and rich UI components. Selecting the right library involves considering project needs, compatibility, customization options, documentation, community support, and library performance.

  6. 6
    Article
    Avatar of phProduct Hunt·2y

    VueJS Tour - Guide your users through your application easily

    VueJS Tour is a new tool designed to help developers guide users through their applications efficiently. It was featured on July 6th, 2024, and falls under the categories of Productivity, API, and Developer Tools.

  7. 7
    Article
    Avatar of telerikTelerik·2y

    Vue Basics: Moving Away from Filters in Vue 3

    Vue 3, launched in September 2020, deprecated filters used in Vue 2 for text and number formatting within templates. Instead, Vue 3 encourages the use of computed properties and methods for similar functionalities. Computed properties handle reactive data transformations, while methods perform non-reactive transformations. This shift improves the framework's consistency and reactivity. For global filters, the Vue migration documentation suggests utilizing global properties accessible throughout the application.

  8. 8
    Article
    Avatar of communityCommunity Picks·2y

    Vue.js vs. React: A Detailed Comparison by Giraffe Software

    Vue.js and React are two popular JavaScript front-end frameworks for web applications. React focuses on a component-based design with JSX for improved performance and state management, while Vue emphasizes an HTML-based template system with a reactivity system for easy state tracking and DOM updates. Both frameworks offer fast performance with virtual DOMs, strong component architecture, robust state management, and flexibility in integration. React is backed by Meta, and Vue was created by a former Google developer. Each has its own set of tools and compatibility for various projects.

See all Vue.js archives