#vue3 — Public Fediverse posts

Микрофронтенды в экосистеме Vue 3: практическое руководство для разработчика в 2026 году

Привет, друзья! Меня зовут Наталья и я frontend‑разработчик в компании SimbirSoft. Когда‑то в 2020 году микрофронтенды были модой. Чуть ли ни каждый хотел почувствовать себя всемогущим и попробовать разделить монолит на части, а также получить от шефа премию или эмоциональное поглаживание и картонку с надписью «Спасибо» (если повезет, то отдадут прямо с рамкой). Затем забыли про них и, но недавно в компанию пришла потребность разработки сайта с архитектурным паттерном «Микрофронтенды». Всех обязали вспомнить или узнать что же такое микрофронтенды? Чушь или все‑таки необходимость? Давайте разбираться. По мере роста проектов мне как Vue‑разработчику уже неоднократно приходилось сталкиваться с вопросом: как разделить фронтенд между несколькими командами так, чтобы они меньше зависели друг от друга? Одним из вариантов остаются микрофронтенды. В статье я разберу Module Federation 2.0 для Vue 3 + Vite, изоляцию стилей и состояния, способы коммуникации между remotes и то, что происходит с этой архитектурой, когда в проекте появляется SSR и Nuxt 4. Статья будет полезна разработчикам и техлидам , которые рассматривают разделение крупного фронтенда между несколькими командами. А если вы пока только знакомитесь с микрофронтендами, основные понятия я тоже постараюсь объяснить по ходу статьи. Сначала разберём Module Federation для Vue 3 + Vite, затем — изоляцию стилей и состояния, коммуникацию между приложениями, SSR в Nuxt 4 и роль host‑приложения в маршрутизации. В конце оставлю короткий чек‑лист, по которому можно оценить, готов ли проект к такому переезду. Спойлер: микрофронтенды — это не «следующий уровень» архитектуры, а инструмент с довольно конкретной областью применения. И понимать, когда он не нужен, не менее важно, чем уметь его настроить.

https://habr.com/ru/companies/simbirsoft/articles/1064080/

#frontend #microfrontends #typescript #vue3 #nuxt #микрофронтенды

Миграция на Vue 3 начинается не с кода: как донести важность и подготовить проект

Миграция большого legacy-проекта с Vue 2 на Vue 3 — это не только про код. Основная сложность начинается ещё до первого коммита: оценка объёма работ, поиск несовместимых API, планирование и организация процесса разработки. Почему вообще это важно, и как донести эту мысль до бизнеса я уже описывала в другой своей статье «Ты всё ещё думаешь или уже мигрируешь на Vue 3» . Рекомендую почитать. А тут я поделюсь своим опытом, где мне пришлось лидировать миграцию: самостоятельно составлять план миграции, оценку времени, рисков и проводить саму миграцию.

https://habr.com/ru/articles/1042068/

#vue3 #vuejs #vue2 #javascript #frontend #миграция_проекта

Погружение в новый проект: как не потерять месяц жизни

Новый проект, фреймворк, с которым не работал несколько лет, приложение в процессе миграции. Раньше на погружение уходил месяц. В этот раз — неделя.

https://habr.com/ru/articles/1039794/

#vue3 #nuxt #ииагенты #онбординг #claude #claude_code #legacyкод

Vue.js Amsterdam 2026: будущее экосистемы Vite

Недавно в Амстердаме прошла конференция Vue.js Amsterdam 2026 — ежегодное мероприятие, посвящённое экосистеме Vite и современным инструментам фронтенд-разработки. В этом году программа оказалась особенно насыщенной. Команда экосистемы показала сразу несколько направлений развития: обновления ключевых инструментов, новые эксперименты в архитектуре фронтенд-фреймворков и попытку собрать полноценную платформу разработки вокруг Vite. В этой статье разберём основные анонсы конференции: Vite 8 , Vite+ , Void Cloud , а также обновления Vue и Nuxt .

https://habr.com/ru/companies/first/articles/1015150/

#vue #vuejs #vite #rolldown #nuxt #nuxtjs #vue3 #vapor #javascript

Vue3 is a breath of fresh air compared to React, no vuex just inject()

#vue3

Vue3 is a breath of fresh air compared to React, no vuex just inject()

#vue3

A bit late, but better late than never: my developer review of last year is here 😄

https://christiankrebel.de/notes/developer-review-2025

#selfReflection #react #nextjs #reactNative #vue3 #nix #nixos #weAreDevelopers #keyboard

Vue 3: computed で入力バリデーションをリアルタイム表示する
https://qiita.com/pomusuke36/items/90697508c14d8f2a5afe?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #初心者 #Vue_js #computed #Vue3

#Vue Experte benötigt einen neuen Arbeitsgeber in #Hamburg!
#TypeScript #NodeJS #Vue3 #fedihired #getfedihired

https://www.linkedin.com/in/christopher-quadflieg-b4984b207/
https://github.com/Shinigami92

CV gibt's per drag and drop per #LinkedIn

#Vue Experte benötigt einen neuen Arbeitsgeber in #Hamburg!
#TypeScript #NodeJS #Vue3 #fedihired #getfedihired

https://www.linkedin.com/in/christopher-quadflieg-b4984b207/
https://github.com/Shinigami92

CV gibt's per drag and drop per #LinkedIn

Vue.js Composableの本質は「再利用性」ではなく「責任分離」にある
https://qiita.com/sho_fcafe/items/de40925e0dd0150edcaf?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #Vue_js #再利用性 #SOLID原則 #単一責任の原則 #Vue3

I wish there was something like Filament PHP but using Inertia.

Currently using Nuxt UI v4, and while it slaps, I'm kind of tired of so much plumbing for things that Filament PHP offers you out-of-the-box.

Yeah, I'm sill recommending Filament PHP.

#Programming #PHP #Laravel #Filament #FilamentPHP #InertiaJS #Inertia #JavaScript #Frontend #SoftwareDevelopment #WebDevelopment #WebDev #Vue #Vue3 #NuxtUI #Nuxt

I wish there was something like Filament PHP but using Inertia.

Currently using Nuxt UI v4, and while it slaps, I'm kind of tired of so much plumbing for things that Filament PHP offers you out-of-the-box.

Yeah, I'm sill recommending Filament PHP.

#Programming #PHP #Laravel #Filament #FilamentPHP #InertiaJS #Inertia #JavaScript #Frontend #SoftwareDevelopment #WebDevelopment #WebDev #Vue #Vue3 #NuxtUI #Nuxt

Vue 2 reached End of Life (EOL) on December 31st, 2023. Are you still running #Vue2 in production?

Check out our article on upgrading to #Vue3: 10 Steps to Migrate from Vue 2 to Vue 3 👉 https://go.upgradejs.com/pmq

#VueJS #JavaScript #TechDebt #DevSecOps #InfoSec

I just rolled out major updates to both the front-end and back-end of https://database.fathomnet.org. 😱

#quarkus #vue3

I just rolled out major updates to both the front-end and back-end of https://database.fathomnet.org. 😱

#quarkus #vue3

Что нового на Kapi.bar за год: фичи, правки и немного философии

Очень часто проекты, в разработку которых на самом старте были вложены большие суммы, оказываются никому не нужными и исчезают в бесчисленных закоулках и в бездонных глубинах интернета. Но порой, проекты, которые изначально делаешь «на коленке», неожиданно вырастают в нечто большее — в уютное, живое сообщество, где важнее не продажи, метрики, трафик и не лайки, а возможность делиться, обсуждать и просто быть собой. Именно таким проектом за последний год стала наша Капибара . Kapi.bar появился как независимая платформа. Без бюджета, без офисов, без KPI. Мы просто хотели сделать альтернативу известному ресурсу, которой будет не просто приятно пользоваться, а где ты можешь напрямую влиять на то, какой контент становится популярным, а какой нет. Вы наверное помните, что последней каплей, переполнившей чашу нашего терпения стало полное уничтожение честной рейтинговой системы на том ресурсе, где мы все ранее зависали и за этот год оказалось, что нас таких — не один и не два, нас целое сообщество. И это невероятно вдохновляет! За этот год в Kapi.bar многое поменялось. Мы добавили десятки фич, вычистили не один баг (правда ранее сами‑же их и допустили, но кто не ошибается), наконец начали разбираться с SEO, провели тихую, но упорную работу над повышением стабильности системы. И, что немаловажно — начали глубоко размышлять над философией Капибары и формулировать, кто мы вообще такие, для чего всё это и почему эта история — не только про код. Эта статья — не рекламный релиз и не набор bullet‑поинтов из changelog. Мы просто хотим рассказать, что произошло за год. Что стало лучше, что сломалось и было починено. И да, немного про поисковики тоже будет — с ними, как оказалось, тоже можно подружиться.

https://habr.com/ru/articles/932052/

#вебразработка_и_программирование #социальные_сети #стартапы #интерфейсы #капибара #Вебпроект_без_бюджета #opensourse #python #vue3

Vue 2 в 2025: какие паттерны стоит забыть, а какие – оставить

Vue 2 в 2025 году официально стал legacy, но множество проектов всё ещё работают на нём. Миграция на Vue 3 не всегда возможна сразу, поэтому важно правильно поддерживать и модернизировать старый код. В этой статье разберём: Устаревшие паттерны, от которых лучше избавиться. Проверенные подходы, которые остаются актуальными. Альтернативы из Vue 3, которые можно адаптировать уже сейчас

https://habr.com/ru/articles/928578/

#vue3 #pinia #typescript #javascript #vue2 #vue27

Major version #Shopware 6.7.0.0 has been released recently including support for #vue3, webpack to #Vite migration in admin and a reworked cache system for better #performance https://developer.shopware.com/release-notes/6.7/6.7.0.0.html

Finally forced myself to make a progress with my personal website refresh & migration to #nuxt3 🙌 🔥

The biggest pain was to keep my content storage logic and url generation still compatible to all existing links I've pasted over the web - but finally made it! 💪

#webdev #vue #webdeveloper #vue3 #nuxt

[Перевод] Паттерны проектирования Composable в Vue

Если вы уже освоили основы написания Composable в Vue, то следующий шаг — собрать коллекцию лучших и самых полезных паттернов, расширив свой инструментарий для решения задач. В этой статье мы рассмотрим семь различных паттернов для написания более эффективных Composable.

https://habr.com/ru/articles/904818/

#composable #composable_architecture #composables #vuejs #vue #vue3 #vuejs #патерны

Как Canvas украсил QIC

Всем привет! Меня зовут Виген Мовсисян, я Frontend-разработчик в QIC digital hub. В этой статье я расскажу, как мы внедрили технологию Canvas, какие задачи он помогает решать, что уже успели сделать и какие у нас планы на будущее. Материал основан на моём докладе с QIC Tech Meetup, полную запись вы можете найти на YouTube . Если говорить коротко, Canvas — это «холст», который позволяет рисовать и добавлять интерактивность, давая пользователям возможность напрямую взаимодействовать с графическими элементами. В статье я буду ссылаться на этот проект , чтобы проиллюстрировать все описанные ниже возможности Canvas. *В текущей версии отсутствует кнопка «Назад» — для возврата в предыдущий раздел воспользуйтесь стандартной кнопкой браузера. Итак, начнём погружение в удивительный мир возможностей Canvas.

https://habr.com/ru/articles/904268/

#javascript #typescript #html #canvas #vue #vue3

Chotto UI — набор компонентов для чатов на Vue3

Пытаясь подражать слогу классика, можно сказать, что "все чаты в целом одинаковы, но каждый реализует что-то свое". так ли это? посмотрим. TL, DR: далее рассказываю, что мы делаем свой UI набор компонентов для чата, даю ссылки и приглашаю присоединяться к проекту.

https://habr.com/ru/articles/903550/

#vue #vue3 #chat #components #сезон_open_source

Рецензия на книгу “Изучаем Vue: основные концепции и практические паттерны”

Книга « Изучаем Vue: основные концепции и практические паттерны для современных и масштабируемых пользовательских интерфейсов » — это сжатое практическое руководство по Vue.js, ориентированное на уже практикующих разработчиков, работающих над созданием интерфейсов. Автор книги, Майя Шавин — старший инженер-программист в Salesforce (ранее в Microsoft), специализирующаяся на JavaScript и frontend-фреймворках. Наличие примеров и акцента на переиспользуемость компонентов дает разработчикам подсказки как строить масштабируемые и поддерживаемые интерфейсы. ***

https://habr.com/ru/companies/ssp-soft/articles/902974/

#vue #vuejs #vue3 #vue_30 #vuejs #книга_по_vue #hfphf #разработка_на_Vue

Este es el #concepto de #vasakOS Una distro de #linux basada en #archlinux con un escritorio propio desarrollado con #tauri

#vue #rust #desktop #opensource #informática #tecnologia #vue3 #vuejs #typescript #javascript #gnu #gnulinux

I am probably holding them wrong!

This time I tried writing a web app not in #php but #fastapi + #sqlmodel (python) and #vue3 ( javascript). It kind of works well but refactoring is a nightmare.

In the beginning, it felt like I was having the best of both worlds -- Python and Vue3. Dev speed was good. Now maintaining and refactoring make me feel like I am having the worst of both worlds.

As a single dev, I should have stayed with #php!

I am probably holding them wrong!

This time I tried writing a web app not in #php but #fastapi + #sqlmodel (python) and #vue3 ( javascript). It kind of works well but refactoring is a nightmare.

In the beginning, it felt like I was having the best of both worlds -- Python and Vue3. Dev speed was good. Now maintaining and refactoring make me feel like I am having the worst of both worlds.

As a single dev, I should have stayed with #php!

Создание анонимного чата в Telegram: Бот с MiniApp интерфейсом. Часть 2 — VueJS3 + Centrifugo с монетизацией приложения

В первой части мы построили бэкенд на FastAPI, Aiogram, Redis и Centrifugo, заложив основу для анонимного чата в Telegram. Теперь пришло время развернуть фронтенд и создать стильный и отзывчивый интерфейс с использованием VueJS 3 в формате Telegram MiniApp. В этой статье мы: - Разработаем интерактивный UI с фильтрами поиска, анимациями загрузки и real-time чатом. - Настроим мгновенный обмен сообщениями через Centrifugo без лишних запросов к серверу. - Интегрируем монетизацию для заработка на рекламе в приложении. - Выполним деплой на удаленный сервер и подготовим проект к продакшену. Если вы хотите создать быстрый, удобный и монетизируемый анонимный чат в Telegram, который работает без задержек и перезагрузок, — эта статья для вас!

https://habr.com/ru/companies/amvera/articles/893250/

#telegram_mini_app #telegram_webapp #vuejs #vue3 #vuejs3 #centrifuge #centrifugo_v6 #websocket #centrifugo #vuetg

Svelte5: the "next-gen" framework that desperately wants to be #Vue3 😅, but ends up being the awkward cousin at the family reunion 👀. Meanwhile, GitHub's relentless tab shuffle game continues to keep developers' attention span at a record low. 🤦‍♂️
https://gist.github.com/rxliuli/c886198390a9fd1138853d0e260025f3 #Svelte5 #GitHub #Developers #AttentionSpan #HackerNews #ngated

Svelte5: the "next-gen" framework that desperately wants to be #Vue3 😅, but ends up being the awkward cousin at the family reunion 👀. Meanwhile, GitHub's relentless tab shuffle game continues to keep developers' attention span at a record low. 🤦‍♂️
https://gist.github.com/rxliuli/c886198390a9fd1138853d0e260025f3 #Svelte5 #GitHub #Developers #AttentionSpan #HackerNews #ngated

Svelte5: A Less Favorable Vue3 — https://gist.github.com/rxliuli/c886198390a9fd1138853d0e260025f3
#HackerNews #Svelte5 #Vue3 #WebDevelopment #JavaScript #Frameworks #TechNews

Svelte5: A Less Favorable Vue3 — https://gist.github.com/rxliuli/c886198390a9fd1138853d0e260025f3
#HackerNews #Svelte5 #Vue3 #WebDevelopment #JavaScript #Frameworks #TechNews

Vue.jsのライフサイクルを理解する（Composition API版）
https://qiita.com/gawa32/items/dd4f36461121602951fc?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #JavaScript #Node_js #TypeScript #Vue_js #Vue3

Blog: Nuxt 3 public files
Remember, if you have set a srcDir, your public directory needs to be within that srcDir. That’s all. …
#Nuxt3 #PublicFiles #StaticFiles #vue3
https://bramesposito.com/blog/2025/03/06/nuxt-3-public-files/

Он вам не SSR. Nuxt — больше, чем Server-Side Render фреймворк

Привет, Хабр! Я - Frontend Developer в МТС Диджитал. Все чаще и чаще я натыкаюсь на сообщения и комментарии пользователей в различных социальных сетях про Server-Side Rendering. Обычно эти жалобы о том, кто-то недоволен зависимостью Next.js от Node.js-сервера. Кто-то сталкивается с ограничениями динамического роутинга при статической генерации. Исходя из этого некоторые люди писали в комментариях что-то вроде: "Вы же не ожидали, что SSR-фреймворк решит все проблемы разом?" Большинство моих коллег с других компаний в принципе не понимают зачем я беру Nuxt почти во все свои проекты и задают вопросы. На первый взгляд это вполне логично. Какой смысл брать SSR фреймворк, если ты выключаешь в нем SSR. На примере Nuxt, SSR можно выключить одним булевым флагом в конфиге:

https://habr.com/ru/articles/888356/

#nuxt #vue #javascript #typescript #serverside #ssr #nuxtjs #vuejs #vue3

FastAPI и Vue.js 3: телеграм-бот с MiniApp для записи и автоматических уведомлений. Пишем фронтенд

Друзья, приветствую! Наконец-то дошли руки до описания второй части нашего большого проекта по работе с выдуманной клиникой «Здоровье Плюс». Я напоминаю, что в рамках этой небольшой серии мы создаем телеграм-бота с MiniApp, основная задача которого — дать пользователям возможность записаться к врачу в удобный день и время. В прошлой части мы полностью закрыли вопрос логики нашего бота. Сегодня мы займемся написанием фронтенда для нашего Telegram MiniApp с использованием современного JS фреймворка Vue.JS 3. К концу статьи мы реализуем полноценный реактивный фронтенд, который одинаково хорошо будет смотреться, как в формате веб-сайта (мобильная и пк-версия), так и в формате Telegram MiniApp.

https://habr.com/ru/companies/amvera/articles/874970/

#vuejs #vue3 #typescript #api #vuejs_api #vuejs3 #tailwind #tailwind_css #vue_tailwind #javascript

I'm currently working on a drag-and-drop library for lists in Vue 3 with smooth and fluid animations called Vue Fluid DnD https://github.com/carlosjorger/vue-fluid-dnd. It is based on the animations from React Beautiful DnD and the FormKi Drag and Drop api.

#vue

#library

#drag-and-drop

#draggable

#javascript

#vue3

https://vue-fluid-dnd.netlify.app/

I'm currently working on a drag-and-drop library for lists in Vue 3 with smooth and fluid animations called Vue Fluid DnD https://github.com/carlosjorger/vue-fluid-dnd. It is based on the animations from React Beautiful DnD and the FormKi Drag and Drop api.

#vue

#library

#drag-and-drop

#draggable

#javascript

#vue3

https://vue-fluid-dnd.netlify.app/

This fork of vue-simple-select works with #vue3

https://www.npmjs.com/package/@vojtechlanka/vue-simple-suggest

Thugh https://www.npmjs.com/package/@nextcloud/vue-select may be a better option these days.

Move your scripts from `package.json` to
`pipelight.ts`

Advantages:
- Multiline scripts
- Variable interpolation
- Colorful error report

#javascript
#typescript
#vue3

https://github.com/pipelight/pipelight

https://dev.to/smpnjn/creating-a-reusable-tab-component-in-vue-2ni5 - building a tab container in #Vue3. Nice walkthrough https://github.com/smpnjn.

IceburgCRM - had a big update.

New ways to generate a CRM.

Use AI to generate a crm.
Turn any database into a crm.

It is as simple as describing the crm you want in the command line.
php artisan iceburg:seed --type=ai --prompt="Create a stamp collecting crm"

Each CRM is unique:

https://postagestamps.iceburg.ca/ https://postagestamps2.iceburg.ca/ https://postagestamps3.iceburg.ca/

Check out the latest update

https://github.com/iceburgcrm/iceburgcrm

#laravel #opensource #BuildInPublic #php #tailwind #vue3 #ai #crm #iceburgcrm

For my #school teacher I once created an application to #visualize #sorting #algorithms.

Over the last days I added a new feature to improve the visualization and also completely rewrote it to #vue3 and #vite

https://shinigami92.github.io/visualised-sorting-algorithm/

I really like Nuxt 3, but not having a clear way to override the global $fetch is a deal breaker to me.

In other words, you're bound plumb your way up to what you need.

And that's what I hate from most Javascript frameworks. There is a lot of plumbing to make something work.

#Software #SoftwareDevelopment #WebDevelopment #JavaScript #Nuxt #Nuxt3 #Vue #Vue3

https://dev.to/fadamakis/vueuse-the-library-that-makes-vue-3-worth-the-upgrade-3i6o - #VueUse: a great collection of #Vue3 hooks to do fabulous things. Great code snippets and videos Fotis Adamakis.

"Typed Objects in v-for - Vue3 with #TypeScript" by @schalkneethling #DEVCommunity https://dev.to/schalkneethling/typed-objects-in-v-for-vue3-with-typescript-6l8 #vue3

Today I learned about :deep()

#vue3