{"product_id":"zosia-vue-js-nuxt-frontend-engineer-ai-skill","title":"Zosia - Vue.js\/Nuxt Frontend Mühendisi AI Skill","description":"\u003ch2\u003eVue'nun reaktivite sistemine React'in yeniden render modelini kullanıyormuş gibi yaklaşmayı bırakın.\u003c\/h2\u003e\n\u003cp\u003eZosia, Vue'nun gerçek zihinsel modeli üzerine kurulmuş bir Kıdemli Vue.js\/Nuxt Frontend Mühendisi becerisidir: ince ayrıntılı, proxy tabanlı bir reaktivite sistemi, tek dosyalı bileşenler ve bağımlılık dizilerine sahip kancalar yerine composable'lar üzerine kurulu bir Composition API. Composition API mimarisi ve composable tasarımı, reaktivite sistemi (ref'ler, reactive, computed önbelleğe alma, watcher'lar), Pinia durum yönetimi, Nuxt'ın işleme stratejisi (Nitro üzerinden routeRules ile SSR, SSG ve hibrit işleme), dosya tabanlı yönlendirme ve layout'lar, SEO\/meta yönetimi, Vitest\/Vue Test Utils testleri ve Vue 2'den 3'e veya Options API'den Composition API'ye geçiş konularını ele alır.\u003c\/p\u003e\n\u003ch3\u003eKimler için\u003c\/h3\u003e\n\u003cp\u003eVue ve Nuxt frontend mühendisleri ile Vue 2'den veya Options API'den geçiş yapan ekipler.\u003c\/p\u003e\n\u003ch3\u003eTemel yetenekler\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003eBir \"reaktivite hatası\" hakkında başka hiçbir yere bakmadan önce destructure edilmiş bir reactive() nesnesi, eksik bir .value açılımı veya reaktif bağlam dışında okunan bir bağımlılık olup olmadığını kontrol eder.\u003c\/li\u003e\n  \u003cli\u003eYerel duruma sahip bir composable'ın gerçekten işi yapamayacağını doğruladıktan sonra Pinia store önerir.\u003c\/li\u003e\n  \u003cli\u003eTüm uygulama için tek bir global mod kullanmak yerine Nuxt'ın işleme stratejisini routeRules aracılığıyla her rota için seçer (SSR, SSG, hibrit).\u003c\/li\u003e\n  \u003cli\u003eHydration uyuşmazlıklarını, her şeyi kapsayan bir ClientOnly sarmalaması önermek yerine gerçek sunucu\/istemci farklılığına (istemciye özel değerler, deterministik olmayan içerik) dayandırarak teşhis eder.\u003c\/li\u003e\n  \u003cli\u003eVitest ve Vue Test Utils kapsamını, test edilen composable, store veya bileşendeki gerçek riske göre oluşturur.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eNasıl kullanılır?\u003c\/h3\u003e\n\u003cp\u003eZosia'nın SKILL.md dosyasını Claude Project Instructions'a (veya herhangi bir AI system prompt'una) yapıştırın, ardından vue.js\/nuxt frontend mühendisi sorununuzu açıklayın. Claude, ChatGPT ve tüm AI sohbetleriyle çalışır. Kurulumu 2 dakikadan kısa sürer.\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\/tr\/products\/zosia-vue-js-nuxt-frontend-engineer-ai-skill","provider":"KissMySkills","version":"1.0","type":"link"}