DEV Community: Serhii Muzalov

[Boost]

Serhii Muzalov — Fri, 17 Apr 2026 06:29:56 +0000

Serhii Muzalov

Apr 17

How many times did you write the same watch + execute + loading in different components? 😅 Three tiny things that ruin data‑fetching UX

#vue #claude #ai #webdev

Comments

2 min read

How many times did you write the same watch + execute + loading in different components? 😅 Three tiny things that ruin data‑fetching UX

Serhii Muzalov — Fri, 17 Apr 2026 06:29:32 +0000

If you’ve ever written the same watch + execute + loading dance in multiple Vue components, you’re not alone.

I’ve been doing that too — until I built vue‑muza‑use, my API‑layer library for Vue 3.

In versions 0.9.0 and 0.10.0, I killed several small, but very annoying data‑fetching patterns that kept repeating across codebases.

Here’s how I did it, and why you probably don’t want them in your components anymore.

💡 vue‑muza‑use 0.9.0 — what changed

Over the last month, vue‑muza‑use has already reduced the amount of API‑related code by 2–3x in four production projects.

Notable additions:

watch + reactive data / params — subscribe directly inside useApi, instead of adding a separate watch every time. You declare what to watch, and the library handles the rest.
ignoreUpdates — turns off automatic re‑firing when you update filters, inspired by watchIgnorable from VueUse, but built into the composable. Makes request behavior explicit and predictable.
lightweight cache — just cache: 'categories' on GET and invalidateCache: 'categories' on POST/PUT/DELETE. No subscriptions, no complex logic, just in‑memory caching and explicit invalidation.

Right now, there are about 170 tests, and I’m focusing on making the API match what you already know from Vue — watch, immediate, refs — so you don’t have to learn anything entirely new.

Why should you try vue‑muza‑use?

It builds on what you already know: watch, immediate, reactive refs. No paradigm shift, no extra concepts.
The library is small and takes about 5–10 minutes to configure.
Built‑in refreshToken support with a ready‑to‑go queue logic — just plug it into a plugin with 5–10 lines of code.
And starting with 0.10.0, there’s a Claude Code skill that knows your useApi<TRaw, TSelected> pattern and all options (SWR, poll, watch, select, cache, ignoreUpdates), so you don’t need to “teach” AI every time.

If you want to talk, walk through a use‑case, or just have a quick dev‑call — I’m open to chat 🙂

🔗 npm: https://www.npmjs.com/package/@ametie/vue-muza-use

🔗 GitHub: https://github.com/MortyQ/vue-useApi

🚀 Безкоштовне менторство з Frontend розробки

Serhii Muzalov — Fri, 26 Sep 2025 13:27:38 +0000

Привіт, друзі!
Запрошую 4–6 учасників у пілотний набір на безкоштовне навчання Vue + TypeScript із кар’єрною підтримкою. Це чудова можливість для тих, хто хоче швидше увійти в IT або прокачати свої навички у фронтенді.

👨‍💻 Хто я

• Frontend Engineer з 4+ роками досвіду роботи з Vue, TypeScript, Tailwind, GraphQL, REST.
За цей час я:
• з нуля побудував два масштабні Retail/E-commerce SaaS-проєкти;
• створив і постійно розвиваю власну UI-бібліотеку та кастомну таблицю з широким функціоналом (робота над нею триває вже понад 2 роки);
• допоміг двом trainee-розробникам стартувати й успішно вийти на ринок.

Моя мета — вдосконалити навички менторства, поділитися практичними знаннями з комерційних проєктів і допомогти вам швидше зростати у професії.

💡 Що вас чекає

На першому етапі ми разом створимо просунутий To-Do застосунок на Vue 3 + Pinia + TypeScript + Tailwind із CRUD-функціоналом і додатковими фічами, які зустрічаються в реальних проєктах.
Буде й опція деплою на Netlify/Vercel та репозиторій, який можна додати в портфоліо.

📌 Тривалість першого блоку — 2 місяці.
Після цього вирішимо разом, чи рухатися далі з розширеним набором завдань.

🎯 Кар’єрна підтримка

Менторство відбувається у співпраці з Career Language Center, тому, окрім технічних навичок, ви отримаєте ще й кар’єрний супровід від експертки Daria Rybalka:

• Career Goal-Setting Session (30 хв. індивідуально у Zoom): постановка особистих цілей і плану дій;
• Груповий воркшоп «Підготовка до пошуку роботи» + гайд і аудит CV та LinkedIn;
• Груповий воркшоп «LinkedIn Pro. Видимість = можливості»: SEO-оптимізація профілю та стратегії нетворкінгу;
• Progress-call (30 хв. індивідуально): перевірка прогресу та корекція стратегії.

🙌 Для кого

• Початківці, які вже впевнено володіють HTML/CSS і мають базу в JavaScript.
• Ветерани та військові, які планують перехід у IT.
• Усі, хто має щире бажання вчитись і готовий приділяти час практиці.

Досвід і вік значення не мають — головне ваша мотивація 🚀

🗓 Формат

Онлайн-заняття 2 рази на тиждень.
Максимум практики та самостійної роботи.
Code-review і живий зворотний зв’язок від ментора.

👉 Як долучитися

Заповніть Google-форму https://docs.google.com/forms/d/e/1FAIpQLSfF58bQ9kn7mNJHSLGVHETTXJ6PLrKjUVf65lpY4B8zU2QEEw/viewform

Після відбору я особисто зв’яжусь із кожним, хто пройде.
Активуйте, щоб переглянути збільшене зображення.
Немає альтернативного текстового опису для цього зображення