Best of Vue.js — August 2024

1. 1
   Article

   DEV·2y

   Hidden cost of frontend frameworks

   Modern frontend frameworks like React, Svelte, and Vue offer impressive engineering feats, but they come with hidden costs. Developers often end up managing numerous dependencies, which can make projects complex and difficult to maintain over time. Additionally, the rapid evolution of these frameworks can lead to frequent updates and increased technical debt. It's important to choose the right tool for the job, avoid unnecessary complexity, and focus on long-term developer experience.

   217

   9
2. 2
   Article

   Dev Squad·2y

   Top 5 JavaScript Frameworks for 2024

   Stay ahead in web development with the top 5 JavaScript frameworks of 2024: React, Angular, Vue.js, Svelte, and Next js. Discover why these frameworks are leading the industry by optimizing for speed, scalability, and user experience. Transform your development game with these powerful tools.

   101

   23
3. 3
   Article

   Community Picks·2y

   An online course that teaches the fundamentals of CSS for React/Vue devs

   Many front-end developers find CSS frustrating due to its implicit nature and lack of immediate feedback for errors. However, understanding the underlying systems and layout algorithms can make CSS more consistent and enjoyable. A new online course aims to expedite this learning process by providing comprehensive, structured lessons on mastering CSS, making it a fun and rewarding experience for developers.

   91

   4
4. 4
   Article

   asayer·2y

   Benefits of Modular Design in Front-end Development

   Modular design in front-end development involves dividing a program's functions into small, independent modules, leading to maintainable code, improved collaboration, increased development speed, consistent user interfaces, and enhanced scalability. It focuses on principles like reusability, loose coupling, encapsulation, and single responsibility. Popular frameworks like Angular, React, and Vue support modular designs, and tools like NPM, Rollup, and Webpack facilitate module bundling. Best practices include creating reusable components, structuring an organized codebase, using consistent naming conventions, and maintaining thorough documentation.

   82
5. 5
   Article

   Laravel News·2y

   Maska is a Simple Zero-dependency Input Mask Library

   Maska is a straightforward, zero-dependency input mask library compatible with JS, Vue, Svelte, and Alpine.js. It offers easy formatting for inputs like phone numbers with a small size of around 3 Kb gzipped. Maska supports custom tokens, number masks for easy money formatting, and can be integrated with various frameworks. Its source code is available on GitHub.

   56
6. 6
   Article

   The New Stack·2y

   Frontend Strategies: Frameworks or Pure JavaScript?

   Frontend frameworks in JavaScript provide essential features for modern web development, such as data binding, routing, and modular code organization. They offer benefits like simplified syntax, reusable components, a rich ecosystem of libraries, and efficient rendering through virtual DOM. Frameworks also support advanced strategies like code splitting and lazy loading, making them suitable for projects of all sizes. Despite these advantages, simpler projects may not require a framework and can be built using pure JavaScript.

   54

   2
7. 7
   Article

   Nuxt·2y

   Nuxt 3.13 · Nuxt Blog

   Nuxt 3.13 introduces several new features including route groups for organizing routes without affecting URL paths, server component islands for manipulating SEO metadata, and custom prefetch triggers for NuxtLink. Additionally, improved server sourcemaps now reference original source files, and new utilities for module authors are in preparation for Nuxt v4. There are also changes in how Vue TypeScript projects should augment `@vue/runtime-core`.

   41

   1
8. 8
   Article

   Community Picks·2y

   File based routing in Inertia.js

   The post explains how to implement a simplified routing structure for static pages using Inertia.js in a Laravel backend. It introduces a custom macro to the Laravel router that automates page routing based on file names in a specific directory. It covers step-by-step code elaboration for registering the macro, handling page URLs, and ensuring only valid routes are created.

   31

   1