vue3-performance

What problem does it solve?

This Skill helps you remove sluggish UI and slow SSR rendering caused by expensive reactivity and unnecessary re-renders in large Vue 3 applications.

Core Features & Use Cases

• Reactivity cost control: Choose when to use shallowRef/shallowReactive/markRaw and when to force updates with triggerRef for large or non-reactive data.
• Rendering efficiency: Reduce DOM churn with v-once and v-memo, and maintain correct behavior with stable keys and accurate memo dependency lists.
• SSR performance and safety: Keep setup light and deterministic to avoid hydration mismatches while deferring browser-only logic to onMounted.

Quick Start

Use the vue3-performance Skill when you profile a slow SSR page or a list where updating one piece of state needlessly re-renders hundreds of rows.