by alexander-opalic
Outline for a talk tracing the journey from manual DOM manipulation to reactive frameworks to offline-first to local-first, with practical Vue examples and sync engine comparisons.
by eduardo-san-martin-morote
Pinia Colada is Vue's answer to TanStack Query — a declarative data-fetching layer built on Pinia that handles caching, deduplication, and optimistic updates so you stop hand-rolling async state management.
by guillaume-chau
A reactive normalized cache for Vue and Nuxt that unifies query caching, cache normalization, optimistic mutations, form handling, and real-time subscriptions behind a pluggable data source architecture — the missing data layer between Pinia and full sync engines.
by alexander-opalic
Vue already syncs your refs to the DOM. Sync engines extend that same idea to databases — keeping client state and server state in harmony. Here's how Replicache, Zero, Convex, PowerSync, LiveStore, Jazz, and Dexie each approach this differently.
by rijk-van-zanten
Client-side data management in Vue apps gets exponentially harder once you combine query caching, cache normalization, real-time invalidation, and form mutations—each solved individually by existing tools, but none handling all four together, which motivated building Airstore.
by anthony-fu
A curated skill collection embeds ecosystem expertise directly into AI coding agents—keeping context synchronized with upstream documentation through git submodules.
by jakub-andrzejewski
Vue's `<component :is>` enables config-driven UIs where data structures determine what renders, making interfaces flexible for CMS integration, A/B testing, and white-label products.
by onmax
Portable AI skills bring Nuxt, Vue, and NuxtHub expertise to coding assistants—skills activate based on file context, making agents domain-aware without manual prompting.
by lachlan-miller
Pure functions that receive arguments and return new values (functional core) should handle business logic, while a thin imperative shell manages state mutation and UI integration.
by alexander-opalic
Weekly Vue ecosystem digest
by alexander-opalic
Vue 3.6 beta with Vapor Mode, Vite 8 with Rolldown bundler, Nuxt Studio goes free and open-source, and Nuxt 3 EOL in 3 weeks.
by alexander-opalic
Vue 3.6.0-beta.2 brings Vapor Mode to beta, NuxtLabs joins Vercel making Nuxt Studio free, and Nuxt 3.16 delivers 32% faster loading.
by jessica-sachs
Vitest browser mode runs component tests in real browsers instead of JSDOM, providing actual rendering confidence while maintaining Vitest's speed and developer experience.
by michael-thiessen
A curated collection of 12 Vue-specific design patterns addressing common problems every app encounters, from state management to component organization.
by michael-thiessen
Practical patterns for writing maintainable Vue composables, covering state management, reactivity handling, and code organization.
by michael-thiessen
A progressive framework for Vue component reusability, from basic templating to sophisticated nested composition.
by alexander-lichter
Group Composition API code by logic, not by type. Use inline composables to encapsulate related functionality without extracting to separate files.
by michael-thiessen
Mike Cohn's 2009 testing pyramid no longer fits modern web development—teams should design their own testing strategy based on tooling, architecture, and risk tolerance.
by alexander-opalic
A guide to structuring Vue projects at different scales—from flat folder structures for small apps, to modular monolithic architecture for medium-scale, to micro frontends for large enterprise projects.
by alexander-opalic
A comprehensive style guide for writing clean, testable, and maintainable Vue 3 composables by applying time-tested software design principles like single responsibility, separation of concerns, and functional core/imperative shell.
A comprehensive guide to building maintainable, scalable Vue 3 applications
by alexander-opalic
A practical testing strategy for Vue 3 that inverts the traditional pyramid—prioritizing integration tests (~70%) over unit tests, using Vitest browser mode for real browser execution and 4x faster performance than JSDOM.
by alexander-opalic
An introduction to local-first web development, a paradigm shift that prioritizes storing data on users' devices first, enabling offline functionality, instant access, and greater user control over their data.
by alexander-opalic
Nuxt Layers enable modular monolith architecture by enforcing feature boundaries at compile-time—each layer has its own config and components, preventing the coupling and circular dependencies that plague flat folder structures.