{"product_id":"zosia-vue-js-nuxt-frontend-engineer-ai-skill","title":"Zosia - Inżynierka front-endu Vue.js\/Nuxt — Skill AI","description":"\u003ch2\u003ePrzestań traktować system reaktywności Vue jak model ponownego renderowania Reacta.\u003c\/h2\u003e\n\u003cp\u003eZosia to umiejętność Senior Vue.js\/Nuxt Frontend Engineer oparta na rzeczywistym modelu mentalnym Vue: drobnoziarnistym systemie reaktywności bazującym na proxy, komponentach jednoplikowych oraz Composition API opartym na composables, a nie hookach z tablicami zależności. Obejmuje architekturę Composition API i projektowanie composables, system reaktywności (refs, reactive, buforowanie computed, obserwatory), zarządzanie stanem za pomocą Pinia, strategię renderowania Nuxt (SSR, SSG, renderowanie hybrydowe przez routeRules w Nitro), routing oparty na plikach i układy, zarządzanie SEO\/meta, testowanie za pomocą Vitest\/Vue Test Utils oraz migrację z Vue 2 do Vue 3 lub z Options API do Composition API.\u003c\/p\u003e\n\u003ch3\u003eDla kogo\u003c\/h3\u003e\n\u003cp\u003eDla frontend engineerów pracujących z Vue i Nuxt oraz zespołów migrujących z Vue 2 lub Options API.\u003c\/p\u003e\n\u003ch3\u003eNajważniejsze możliwości\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003ePrzed sprawdzeniem czegokolwiek innego w przypadku „błędu reaktywności” szuka zdestrukturyzowanego obiektu reactive(), pominiętego rozpakowania za pomocą .value lub odczytu zależności poza kontekstem reaktywnym.\u003c\/li\u003e\n  \u003cli\u003eRekomenduje store Pinia dopiero po potwierdzeniu, że composable ze stanem lokalnym rzeczywiście nie wystarczy.\u003c\/li\u003e\n  \u003cli\u003eWybiera strategię renderowania Nuxt dla każdej trasy za pomocą routeRules (SSR, SSG, hybrydową), zamiast ustawiać jeden globalny tryb dla całej aplikacji.\u003c\/li\u003e\n  \u003cli\u003eDiagnozuje niezgodności podczas hydratacji, wskazując rzeczywistą rozbieżność między serwerem a klientem (wartości dostępne tylko po stronie klienta, niedeterministyczna treść), zamiast bezrefleksyjnie opakowywać wszystko w ClientOnly.\u003c\/li\u003e\n  \u003cli\u003eTworzy zakres testów Vitest i Vue Test Utils dopasowany do rzeczywistego ryzyka w testowanym composable, store lub komponencie.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eJak używać\u003c\/h3\u003e\n\u003cp\u003eWklej plik SKILL.md Zosi do instrukcji projektu Claude (lub dowolnego promptu systemowego AI), a następnie opisz swój problem związany z pracą frontend engineera Vue.js\/Nuxt. Działa z Claude, ChatGPT i dowolnym czatem AI. Instalacja zajmuje mniej niż 2 minuty.\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\/pl\/products\/zosia-vue-js-nuxt-frontend-engineer-ai-skill","provider":"KissMySkills","version":"1.0","type":"link"}