Best of Vue.js — December 2024

  1. 1
    Article
    Avatar of game_developersGame Developers·1y

    my new portfolio as a full stack developer

    After gaining experience in web and backend development, the author expanded their skills to include ElectronJS, CapacitorJS, and Docker to create and deploy cross-platform applications. Using inspiration from designer Yanka Darelova, the author built an application with Vue 3 Composition APIs, TypeScript, and Sass/SCSS, adding an ExpressJs backend and Mongo database. The app is secure, utilizing Nginx for load balancing and SSL encryption, and is available for exploration at baderidris.com.

  2. 2
    Article
    Avatar of trendyoltechTrendyol Tech·1y

    Web Performance Optimization Techniques

    Fast-loading websites are essential for user experience, search engine ranking, and revenue. Techniques for optimizing web performance include reducing dependencies, dynamic imports, tree shaking, image optimization, async components, and server-side compression. Tools like Google Lighthouse, PageSpeed Insights, and WebPageTest can help assess performance and identify areas for improvement. Effective strategies such as using CDNs, caching, and minimizing bundle sizes contribute to faster load times and enhanced user satisfaction.

  3. 3
    Article
    Avatar of devtoDEV·1y

    10 Tips to Write Cleaner Vue.js Code

    Transitioning to new projects in Vue.js can be challenging, but following best practices helps maintain clean, modular, and readable code. This post provides 10 actionable tips for writing cleaner Vue code, including using the Composition API, adhering to naming conventions, managing UI state locally, leveraging slots, and more. Implementing these guidelines improves code maintenance, scalability, and ease of debugging, benefiting both current and future developers.

  4. 4
    Article
    Avatar of allshadcnAll ShadCN·1y

    Create your own shadcn-style library with jsrepo

    jsrepo is a versatile tool designed to help you build libraries in frameworks like React, Svelte, Vue, and TypeScript. It simplifies the process by resolving both local and remote dependencies, making code reuse easier.

  5. 5
    Article
    Avatar of habrhabr·1y

    Vercel's V0 AI: The Easiest Way to Build Web Apps

    Vercel's V0 is a generative AI tool that transforms user input into production-ready code for web app development. Supporting frameworks like React, Vue, and Svelte, V0 allows users to describe their web applications in plain language or upload mockups, and the AI generates the app designs and code. It features text-to-app generation, image integration, responsive design, and Figma integration. While V0 simplifies the development process, manual refinement may be needed for complex interactions and large code blocks. Various pricing plans are available, starting with a free tier offering 200 credits.

  6. 6
    Article
    Avatar of itnextITNEXT·1y

    Lighthouse is a chore!

    Regularly measuring and improving website performance and accessibility scores using Lighthouse CI can significantly enhance SEO. Running Lighthouse manually can be inconsistent and time-consuming, but automation via Lighthouse CI CLI and proper GitHub configuration eliminates these hassles. The post walks through setting up a Vuejs project, adding a Lighthouse configuration, and configuring GitHub to run Lighthouse checks on pull requests.

See all Vue.js archives