Tag:vue
All content with the tag "vue".
Building Local-First Apps with Vue and Dexie.js
Learn how to create offline-capable, local-first applications using Vue 3 and Dexie.js. Discover patterns for data persistence, synchronization, and optimal user experience.
Read More→How to Use the Variant Props Pattern in Vue
Learn how to create type-safe Vue components where prop types depend on other props using TypeScript discriminated unions. A practical guide with real-world examples.
Read More→Deploy your Vue App to GitHub Pages with Caching
Learn how to speed up your GitHub Actions workflows by caching node_modules and properly deploy Vue apps to GitHub Pages
Read More→Dynamic Pinia Stores in Vue 3
Create dynamic Pinia stores with unique IDs for multiple component instances
Read More→SQLite in Vue: Complete Guide to Building Offline-First Web Apps
Learn how to build offline-capable Vue 3 apps using SQLite and WebAssembly in 2024. Step-by-step tutorial includes code examples for database operations, query playground implementation, and best practices for offline-first applications.
Read More→Create a Native-Like App in 4 Steps: PWA Magic with Vue 3 and Vite
Transform your Vue 3 project into a powerful Progressive Web App in just 4 steps. Learn how to create offline-capable, installable web apps using Vite and modern PWA techniques.
Read More→Atomic Architecture: Revolutionizing Vue and Nuxt Project Structure
Learn how to implement Atomic Design principles in Vue or Nuxt projects. Improve your code structure and maintainability with this guide
Read More→Vue 3.5's onWatcherCleanup: Mastering Side Effect Management in Vue Applications
Discover how Vue 3.5's new onWatcherCleanup function revolutionizes side effect management in Vue applications
Read More→How to Build Your Own Vue-like Reactivity System from Scratch
Learn to build a Vue-like reactivity system from scratch, implementing your own ref() and watchEffect().
Read More→Vue Accessibility Blueprint: 8 Steps
Master Vue accessibility with our comprehensive guide. Learn 8 crucial steps to create inclusive, WCAG-compliant web applications that cater to all users, including those with disabilities.
Read More→How to Structure Vue Projects
Discover best practices for structuring Vue projects of any size, from simple apps to complex enterprise solutions.
Read More→How to Persist User Data with LocalStorage in Vue
Learn how to efficiently store and manage user preferences like dark mode in Vue applications using LocalStorage. This guide covers basic operations, addresses common challenges, and provides type-safe solutions for robust development.
Read More→How to Write Clean Vue Components
There are many ways to write better Vue components. One of my favorite ways is to separate business logic into pure functions.
Read More→How to Test Vue Composables: A Comprehensive Guide with Vitest
Learn how to effectively test Vue composables using Vitest. Covers independent and dependent composables, with practical examples and best practices.
Read More→Mastering Vue 3 Composables: A Comprehensive Style Guide
Did you ever struggle how to write better composables in Vue? In this Blog post I try to give some tips how to do that
Read More→Best Practices for Error Handling in Vue Composables
Error handling can be complex, but it's crucial for composables to manage errors consistently. This post explores an effective method for implementing error handling in composables.
Read More→How to Improve Accessibility with Testing Library and jest-axe for Your Vue Application
Use Jest axe to have automatic tests for your vue application
Read More→