{"product_id":"zosia-vue-js-nuxt-frontend-engineer-ai-skill","title":"זושיה - מיומנות AI למהנדס Frontend ב-Vue.js\/Nuxt","description":"\u003ch2\u003eהפסיקו להתייחס למערכת הריאקטיביות של Vue כמו למודל הרינדור מחדש של React.\u003c\/h2\u003e\n\u003cp\u003eZosia היא מיומנות של מהנדסת פרונטאנד בכירה ל־Vue.js\/Nuxt, שנבנתה סביב המודל המנטלי האמיתי של Vue: מערכת ריאקטיביות מפורטת המבוססת על פרוקסי, רכיבים בקובץ יחיד ו־Composition API המבוסס על composables, ולא על hooks עם מערכי תלויות. היא מכסה ארכיטקטורת Composition API ותכנון composables, את מערכת הריאקטיביות (refs, reactive, שמירה במטמון של computed ו־watchers), ניהול מצב באמצעות Pinia, את אסטרטגיית הרינדור של Nuxt (SSR, SSG ורינדור היברידי באמצעות routeRules ב־Nitro), ניתוב ופריסות מבוססי קבצים, ניהול SEO ומטא־נתונים, בדיקות באמצעות Vitest ו־Vue Test Utils, והגירה מ־Vue 2 ל־3 או מ־Options API ל־Composition API.\u003c\/p\u003e\n\u003ch3\u003eלמי זה מיועד\u003c\/h3\u003e\n\u003cp\u003eלמהנדסי פרונטאנד של Vue ו־Nuxt ולצוותים שמבצעים הגירה מ־Vue 2 או מ־Options API.\u003c\/p\u003e\n\u003ch3\u003eיכולות מרכזיות\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003eבודקת אם בוצע פירוק של אובייקט reactive(), אם חסרה הסרת עטיפת .value או אם נקראה תלות מחוץ להקשר ריאקטיבי, לפני שהיא מחפשת במקום אחר ב״באג ריאקטיביות״.\u003c\/li\u003e\n  \u003cli\u003eממליצה על חנות Pinia רק לאחר שהיא מוודאת ש־composable עם מצב מקומי באמת לא יכול לבצע את העבודה.\u003c\/li\u003e\n  \u003cli\u003eבוחרת את אסטרטגיית הרינדור של Nuxt לכל נתיב באמצעות routeRules (SSR, SSG או היברידי), במקום להחיל מצב גלובלי אחד על האפליקציה כולה.\u003c\/li\u003e\n  \u003cli\u003eמאבחנת חוסר התאמות ב־hydration עד לפער האמיתי בין השרת ללקוח (ערכים שזמינים רק בצד הלקוח, תוכן לא דטרמיניסטי), במקום לעטוף הכול ב־ClientOnly.\u003c\/li\u003e\n  \u003cli\u003eבונה כיסוי בדיקות באמצעות Vitest ו־Vue Test Utils, הממוקד בסיכון האמיתי ב־composable, בחנות או ברכיב שנבדק.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eאיך להשתמש בה\u003c\/h3\u003e\n\u003cp\u003eהדביקו את קובץ ה־SKILL.md של Zosia בהוראות הפרויקט של Claude (או בכל prompt של מערכת AI), ולאחר מכן תארו את הבעיה שלכם כמהנדסי פרונטאנד של vue.js\/nuxt. עובדת עם Claude, ChatGPT וכל צ'אט AI. ההתקנה אורכת פחות משתי דקות.\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\/he\/products\/zosia-vue-js-nuxt-frontend-engineer-ai-skill","provider":"KissMySkills","version":"1.0","type":"link"}