Best of Vue.js — January 2024

1. 1
   Article

   DEV·2y

   What is the ideal Tech stack to build a website in 2024? 👨‍💻

   The post discusses the author's preferred tech stack for building a website in 2024, including the use of Typescript, Reactjs or Vuejs, Postgres, and Redis. It mentions the pros and cons of these technologies and acknowledges that not all organizations are using frameworks.

   295

   60
2. 2
   Article

   DEV·2y

   How to Write Clean Vue Components

   This post introduces the Functional Core, Imperative Shell pattern in Vue components, which separates the business logic from the framework-specific code. This pattern enhances testability and maintainability, simplifies testing complex components, and allows for framework agnosticism.

   104

   1
3. 3
   Article

   DEV·2y

   How to Automatically Consume RESTful APIs in Your Frontend

   Automating the consumption of RESTful APIs in the frontend using Swagger and OpenAPI can significantly reduce boilerplate code, improve efficiency, and enhance collaboration between frontend and backend teams.

   60

   1
4. 4
   Article

   Medium·2y

   Vue Reactivity In-Depth

   Learn about Vue 3's reactivity system, its importance in web development, core concepts such as ref() and reactive(), computed properties, watchers, and advanced techniques like deep reactivity and handling form inputs. Also, discover best practices and pitfalls for optimizing performance and avoiding common mistakes.

   31
5. 5
   Article

   Medium·2y

   Vue 3.4 is here — defineModel and why it matters!

   Vue 3.4 introduces defineModel, making it easier to decouple components and minimize boilerplate code.

   30
6. 6
   Article

   Medium·2y

   Vue 2 is Dead, Long Live Vue 2!

   Vue 2 is officially no longer supported and has been replaced by version 3. The post lists the features and benefits of Vue 2, such as Single File Components, Vite, and better JavaScript knowledge. It also mentions the ease of learning curve and performance improvements. The post concludes that while Vue 3 may not match the love Vue 2 received, it is still the best option for modern application development.

   29

   6
7. 7
   Article

   Medium·2y

   Data Fetching in Vue

   Learn about data fetching optimization in Vue, including different types of API calls, fetching application data, fetching page-specific data, and managing loading states with Vue Suspense.

   27
8. 8
   Article

   Medium·2y

   [Vue3] Creating a Reusable Modal Component

   Learn how to create a reusable modal component in Vue3 using Flexbox for web applications. The base component reduces code duplication and maintains a unified look and feel. Use case modals can be created for specific contents and actions. See a live demo and access the source code on GitHub.

   25