А ещё вот какое интересное, смотрим на конец жизни некоторых фреймворков (если он есть конечно)
https://endoflife.date/vue
https://endoflife.date/vue
Хз пользуется ли тут кто Курсором, но вот курируемый списочек настроек для разных ситуаций
https://github.com/PatrickJS/awesome-cursorrules
https://github.com/PatrickJS/awesome-cursorrules
GitHub
GitHub - PatrickJS/awesome-cursorrules: 📄 Configuration files that enhance Cursor AI editor experience with custom rules and behaviors
📄 Configuration files that enhance Cursor AI editor experience with custom rules and behaviors - PatrickJS/awesome-cursorrules
Ну шо, там State of Vue вышел, пошли смотреть интересное
https://www.monterail.com/stateofvue
Тут ещё Денис подробно расписал кстати, тоже почитайте
https://t.me/vueist/19
https://www.monterail.com/stateofvue
Тут ещё Денис подробно расписал кстати, тоже почитайте
https://t.me/vueist/19
Monterail
The State of Vue.js Report 2025 | Co-created with Vue & Nuxt Core Teams
Explore the fifth edition of the Vue.js report—exclusive developer data, real-world case studies, and unique insights. Your ultimate view on Vue.
Внезапный контент не по вую ❓
https://github.com/ByteByteGoHq/system-design-101?tab=readme-ov-file
Репка по систем дизайну, почитать на досуге можно
https://github.com/ByteByteGoHq/system-design-101?tab=readme-ov-file
Репка по систем дизайну, почитать на досуге можно
Please open Telegram to view this post
VIEW IN TELEGRAM
GitHub
GitHub - ByteByteGoHq/system-design-101: Explain complex systems using visuals and simple terms. Help you prepare for system design…
Explain complex systems using visuals and simple terms. Help you prepare for system design interviews. - ByteByteGoHq/system-design-101
#подкаст
Обзор State of Vue.js 2025, новый статус styled-components и обсуждение новостей JavaScript — уже через час.
Новый выпуск «Тяжелого утра» в 11:00:
— на YouTube
— в VK Видео
Обзор State of Vue.js 2025, новый статус styled-components и обсуждение новостей JavaScript — уже через час.
Новый выпуск «Тяжелого утра» в 11:00:
— на YouTube
— в VK Видео
СкриптШифтер, конвертит компоненты с options в composition api
https://github.com/UnrefinedBrain/scriptshifter
https://github.com/UnrefinedBrain/scriptshifter
GitHub
GitHub - UnrefinedBrain/scriptshifter: Automatically convert Vue components from Options API to <script setup>
Automatically convert Vue components from Options API to <script setup> - UnrefinedBrain/scriptshifter
Как сделать MVC в Вуе? НИКАК
https://t.me/vueist/28
https://t.me/vueist/28
Telegram
Vueist
Как внедрить MVC в мое Vue приложение?
Достаточно часто возникающий запрос в сообществе, поэтому я дам сразу на него ответ: НИКАК. Почему распишу ниже
Время идет и все развивается. Изначально MVC действительно создавался для упрощения создания интерактивных…
Достаточно часто возникающий запрос в сообществе, поэтому я дам сразу на него ответ: НИКАК. Почему распишу ниже
Время идет и все развивается. Изначально MVC действительно создавался для упрощения создания интерактивных…
7–8 апреля Мы - Msk Vue.JS будем на конференции HolyJS. Едем не только слушать доклады и окультуриваться, но и представлять наше сообщество!
Мы развернем на конференции свой стенд с активностями, в которых можно будет выиграть мерч и просто обсудить Вуячные и ДжаваСкриптовые тренды🙃
На Холи мы будем не одни, а целая выставка JS-сообществ.
С какими еще коммьюнити можно будет повзаимодействовать? Узнай на сайте HolyJS.
Кто тоже собирается на Холи? Давайте планировать встречу!
Please open Telegram to view this post
VIEW IN TELEGRAM
HolyJS 2025 Autumn. JavaScript-конференция: от фронтенда до бэкенда
HolyJS 2025 Autumn | JS-конференция: от фронтенда до бэкенда
HolyJS 2025 Autumn — конференция по JavaScript. Десятки технических докладов о JS-разработке для фронтенда, бэкенда, web3 и других сфер. Обсуждения фреймворков и инструментов в атмосфере JS-сообщества!
createSharedComposable
Если бы меня спросили лучшие паттерны для освоения во Vue, я бы точно назвал одним из них shared composable. Почему и что это за фрукт такой?
Происхождение
Первое упоминание о shared composable было в RFC Vue посвященному Effect Scope. И там говорится о примере композабла
Как это работает?
На самом деле весьма не хитрым образом. Оно использует API Effect Scope + счетчик подписчиков, когда подписчиков становится 0 он уничтожает текущий скоуп. Вот и все. А... возможно вам не совсем знакомо что же такое Effect Scope (однажды мой доклад на эту тему уже выложат на YouTube...). А вот поэтому этот паттерн и хорош, он заставляет вас слегка заглянуть поглубже в работу Vue. Я уже приложил ссылку на RFC, где крайне подробно расписано что такое реактивные скоупы и как они работают. Если совсем сократить и упростить, то эффект скоупы это как мешок для реактивности: он запоминает все вызванные
А чем же так крут этот паттерн еще?
1. Учебный эффект позволяющий лучше понять работу Vue
2. Возможность оптимизации как в примере c
3. Он позволяет на SPA приложениях спокойно заменить Pinia или другой STM на себя, так как спокойно выполняет обязанности глобального стейт менеджера, только еще и умеет уничтожаться когда никому не нужен (с pinia я видел как люди вручную это дело пытаются зачищать)
4. Advanced DI. По сути созданный композабл это сервис который может жить внутри
А какие есть минусы?
- Это не самое SSR Friendly решение
- Этого API нет из коробки, поэтому вам придется либо писать его самим, либо взять из vueuse
- Можно при неаккуратном использовании натворить страшных вещей
- Алгоритм использует простой счетчик, поэтому циклическая зависимость приведет к невозможности уничтожения (если не создать ручной "рубильник")
Итого: классный паттерн имеющий крайне широкие возможности с дополнительным эффектом погружения в мир реактивности Vue, однозначно рекомендую к изучению
Если бы меня спросили лучшие паттерны для освоения во Vue, я бы точно назвал одним из них shared composable. Почему и что это за фрукт такой?
Происхождение
Первое упоминание о shared composable было в RFC Vue посвященному Effect Scope. И там говорится о примере композабла
useMouse
который слушает перемещения мышки и возвращает это в виде реактивных переменных координат. И вроде логично, что это не самое легковесное действие. А если это нужно множеству компонентов? Да каждый компонент использующий useMouse
подписывается на него и это становится уже ощутимо. Тогда почему бы просто не вынести в глобальный STM как Pinia? Отличный вариант, но он будет работать даже когда нет никого кому нужны эти данные. И вот тут на помощь приходит shared composable он умеет как STM шарить данные на множество инстансов, но при этом если никто его не использует, то "стор" уничтожается! При этом сам паттерн универсальный и все что вам нужно это обернуть обычный композабл в createSharedComposable
. И да, как только все компоненты использующие useMouse
будут размонтированы shared composable тоже отпишется от событий мышки.Как это работает?
На самом деле весьма не хитрым образом. Оно использует API Effect Scope + счетчик подписчиков, когда подписчиков становится 0 он уничтожает текущий скоуп. Вот и все. А... возможно вам не совсем знакомо что же такое Effect Scope (однажды мой доклад на эту тему уже выложат на YouTube...). А вот поэтому этот паттерн и хорош, он заставляет вас слегка заглянуть поглубже в работу Vue. Я уже приложил ссылку на RFC, где крайне подробно расписано что такое реактивные скоупы и как они работают. Если совсем сократить и упростить, то эффект скоупы это как мешок для реактивности: он запоминает все вызванные
watcher
-ы и уничтожает их в нужный момент (да-да именно так работает setup
в компонентах). А вместо onUnmounted
вы можете использовать onScopeDispose
.А чем же так крут этот паттерн еще?
1. Учебный эффект позволяющий лучше понять работу Vue
2. Возможность оптимизации как в примере c
useMouse
3. Он позволяет на SPA приложениях спокойно заменить Pinia или другой STM на себя, так как спокойно выполняет обязанности глобального стейт менеджера, только еще и умеет уничтожаться когда никому не нужен (с pinia я видел как люди вручную это дело пытаются зачищать)
4. Advanced DI. По сути созданный композабл это сервис который может жить внутри
provide
/ inject
и расшаривать данные и логику как STM, но только на определенной части приложения (я не раз видело как пытаются генерировать это с pinia + id стора
)А какие есть минусы?
- Это не самое SSR Friendly решение
- Этого API нет из коробки, поэтому вам придется либо писать его самим, либо взять из vueuse
- Можно при неаккуратном использовании натворить страшных вещей
- Алгоритм использует простой счетчик, поэтому циклическая зависимость приведет к невозможности уничтожения (если не создать ручной "рубильник")
Итого: классный паттерн имеющий крайне широкие возможности с дополнительным эффектом погружения в мир реактивности Vue, однозначно рекомендую к изучению
Кстати, кстати, кстати!
7-8 апреля будет HolyJS, и я там тоже буду с ребятами из MSK VUE.JS
Так что приходите, будем болтать, обсуждать вуй и душнить😘 💪
7-8 апреля будет HolyJS, и я там тоже буду с ребятами из MSK VUE.JS
Так что приходите, будем болтать, обсуждать вуй и душнить
Please open Telegram to view this post
VIEW IN TELEGRAM
Дождался. Доклад по Шестеренкам реактивности Vue наконец-то вышел. В нем были разобраны базовые механизмы на которых основана работа реактивности во Vue.
- Ссылка на презентацию
- Ссылка на карту реактивности
И так полезный сопровождающий материал:
- Chibivue [Ru]
- Курс от Michael Thiessen
- Ссылка на презентацию
- Ссылка на карту реактивности
И так полезный сопровождающий материал:
- Chibivue [Ru]
- Курс от Michael Thiessen
YouTube
Денис Чернов — Шестеренки реактивности Vue
Подробнее о конференции HolyJS: https://jrg.su/EM4wwV
— —
Мы любим Vue за простоту и скорость разработки на нем. Но часто говорят, что в нем много магии и подкапотной работы. Однако ощущение магии развеивается, если разобраться, как работают все шестеренки…
— —
Мы любим Vue за простоту и скорость разработки на нем. Но часто говорят, что в нем много магии и подкапотной работы. Однако ощущение магии развеивается, если разобраться, как работают все шестеренки…
Тут короче сказали, мол, а мы и старого автора то не знали, капецъ
Надо исправлять, меня зовут Владимир Бандуристов, я тимлидю фронтенд/вуй в билайне и вот уже кажется 3 года веду этот канал, приятно познакомиться =)
Ещё я люблю ваху, у меня есть замечательная собака породы бордер-колли (кстати я написал базу данных этой породы https://bc-db.ru/) и огромное желание нести вуй в массы💪
Надо исправлять, меня зовут Владимир Бандуристов, я тимлидю фронтенд/вуй в билайне и вот уже кажется 3 года веду этот канал, приятно познакомиться =)
Ещё я люблю ваху, у меня есть замечательная собака породы бордер-колли (кстати я написал базу данных этой породы https://bc-db.ru/) и огромное желание нести вуй в массы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
Очередные фреймворковые войны эти вот на хабре
https://habr.com/ru/articles/892406/
https://habr.com/ru/articles/892406/
Хабр
Прожариваем React
Привет, Хабр! Я уже рассказал, что умею разнообразно писать счётчики. Пришло время сделать шаг вперёд! Сегодня поговорим о том инструменте, который я и миллионы разработчиков используют ежедневно....
👌1