{"product_id":"zosia-vue-js-nuxt-frontend-engineer-ai-skill","title":"Zosia - Vue.js\/Nuxt-frontend-engineer AI Skill","description":"\u003ch2\u003eBehandel het reactiviteitssysteem van Vue niet alsof het Reacts model voor opnieuw renderen is.\u003c\/h2\u003e\n\u003cp\u003eZosia is een vaardigheid voor senior Vue.js\/Nuxt-frontend-engineers, gebaseerd op het werkelijke mentale model van Vue: een fijnmazig reactiviteitssysteem op basis van proxies, single-filecomponenten en een Composition API die is opgebouwd rond composables in plaats van hooks met afhankelijkheidsarrays. Ze behandelt architectuur voor de Composition API en het ontwerpen van composables, het reactiviteitssysteem (refs, reactive, caching van computed, watchers), statusbeheer met Pinia, de renderingstrategie van Nuxt (SSR, SSG, hybride rendering via routeRules op Nitro), routering op basis van bestanden en layouts, SEO-\/metabeheer, testen met Vitest\/Vue Test Utils en migraties van Vue 2 naar 3 of van de Options API naar de Composition API.\u003c\/p\u003e\n\u003ch3\u003eVoor wie\u003c\/h3\u003e\n\u003cp\u003eFrontend-engineers die met Vue en Nuxt werken, en teams die migreren van Vue 2 of de Options API.\u003c\/p\u003e\n\u003ch3\u003eBelangrijkste mogelijkheden\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003eControleert bij een 'reactiviteitsbug' eerst of een reactive()-object is gedestructureerd, of .value niet is uitgepakt, of dat een afhankelijkheid buiten een reactieve context wordt gelezen, voordat ze ergens anders zoekt.\u003c\/li\u003e\n  \u003cli\u003eBeveelt pas een Pinia-store aan nadat is vastgesteld dat een composable met lokale status de taak echt niet kan uitvoeren.\u003c\/li\u003e\n  \u003cli\u003eKiest de renderingstrategie van Nuxt per route via routeRules (SSR, SSG, hybride) in plaats van één globale modus voor de hele app.\u003c\/li\u003e\n  \u003cli\u003eBrengt hydratatieverschillen terug tot de daadwerkelijke afwijking tussen server en client (client-only-waarden, niet-deterministische inhoud) in plaats van alles zonder onderscheid in een ClientOnly-wrapper te plaatsen.\u003c\/li\u003e\n  \u003cli\u003eStelt testdekking met Vitest en Vue Test Utils samen die is afgestemd op het daadwerkelijke risico in de composable, store of component die wordt getest.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eZo gebruik je het\u003c\/h3\u003e\n\u003cp\u003ePlak Zosia's SKILL.md in de instructies van je Claude-project (of in de systeemprompt van een ander AI-systeem) en beschrijf vervolgens je probleem als vue.js-\/nuxt-frontend-engineer. Werkt met Claude, ChatGPT en elke AI-chat. In minder dan 2 minuten geïnstalleerd.\u003c\/p\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58342395838728,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/sw33-zosia-vue-nuxt-frontend-engineer-nf.png?v=1785685145","url":"https:\/\/kissmyskills.com\/nl\/products\/zosia-vue-js-nuxt-frontend-engineer-ai-skill","provider":"KissMySkills","version":"1.0","type":"link"}