Forwarded from MSK VUE.JS News
Всем привет!
Самое время анонсировать нашего второго спикера 🎙
Поприветствуйте бурными овациями – легенда Денис Чернов!
О чем будет доклад?
Денис расскажет сам:
Ждешь доклад Дениса? Ставь 🔥
Самое время анонсировать нашего второго спикера 🎙
Поприветствуйте бурными овациями – легенда Денис Чернов!
О чем будет доклад?
Денис расскажет сам:
Composition API может вскружить голову своими возможностями и во главе угла стоят Композаблы. Что это такое и какими приемами можно подчинить их у себя на проекте, чтобы работа с ними приносила лишь радость? Со всем этим попробуем разобраться и покомпозировать композаблы
Ждешь доклад Дениса? Ставь 🔥
🔥44👍6❤2
Forwarded from Nuxt.js | Vue SSR News (Loveless)
🚀 Вышла первая альфа-версия Nuxt 4!
Изначально Nuxt 4 планировался к выпуску в июне 2024, однако команда пересмотрела подход:
Альфа-версия: июнь 2025 (уже доступна!)
Стабильный релиз: конец июня 2025
Nuxt 5: позже, после готовности Nitro v3
🔥 Ключевые изменения
⚡️ Nitropack v3 nightly
Самое значимое обновление — интеграция с Nitropack v3 nightly, что обещает улучшенную производительность и новые возможности.
🎨 Обновленные UI-шаблоны
Шаблоны пользовательского интерфейса полностью обновлены под брендинг v4.
📦 Масштабные обновления зависимостей
Обновлены до последних версий ключевые зависимости: c12, jiti, unbuild, unimport и множество других.
📋 Что планируется в ближайшие недели
Pull Request'ы для модулей сообщества в nuxt/modules registry
Полный гайд по миграции с Nuxt 3 на Nuxt 4
Только багфиксы для v3 в этом месяце
Обновление документации на nuxt.com с переключением между версиями
Release Candidate планируется на 23 июня
⚠️ Важные моменты для разработчиков
На стадии альфы:
Планируются дополнительные breaking changes
Возможны баги и "трения" в использовании
На стадии беты:
Breaking changes не планируются, но могут быть при необходимости
На стадии RC:
Только исправления багов
🧪 Как попробовать
Команда призывает early adopters (ранних пользователей) тестировать новую версию и сообщать о найденных проблемах в репозиторий Nuxt или используемых модулей.
Следить за прогрессом можно через Nuxt 4 milestone на GitHub.
Изначально Nuxt 4 планировался к выпуску в июне 2024, однако команда пересмотрела подход:
Альфа-версия: июнь 2025 (уже доступна!)
Стабильный релиз: конец июня 2025
Nuxt 5: позже, после готовности Nitro v3
🔥 Ключевые изменения
⚡️ Nitropack v3 nightly
Самое значимое обновление — интеграция с Nitropack v3 nightly, что обещает улучшенную производительность и новые возможности.
🎨 Обновленные UI-шаблоны
Шаблоны пользовательского интерфейса полностью обновлены под брендинг v4.
📦 Масштабные обновления зависимостей
Обновлены до последних версий ключевые зависимости: c12, jiti, unbuild, unimport и множество других.
📋 Что планируется в ближайшие недели
Pull Request'ы для модулей сообщества в nuxt/modules registry
Полный гайд по миграции с Nuxt 3 на Nuxt 4
Только багфиксы для v3 в этом месяце
Обновление документации на nuxt.com с переключением между версиями
Release Candidate планируется на 23 июня
⚠️ Важные моменты для разработчиков
На стадии альфы:
Планируются дополнительные breaking changes
Возможны баги и "трения" в использовании
На стадии беты:
Breaking changes не планируются, но могут быть при необходимости
На стадии RC:
Только исправления багов
🧪 Как попробовать
Команда призывает early adopters (ранних пользователей) тестировать новую версию и сообщать о найденных проблемах в репозиторий Nuxt или используемых модулей.
Следить за прогрессом можно через Nuxt 4 milestone на GitHub.
🔥7👍4
Forwarded from Weekly Vue News (Weekly Vue News Admin)
📢 Issue 202 is Out!
I published a new issue of my weekly Vue & Nuxt newsletter.
🔗 Check it out: https://weekly-vue.news/issues/v2/166
I published a new issue of my weekly Vue & Nuxt newsletter.
🔗 Check it out: https://weekly-vue.news/issues/v2/166
Weekly Vue News
Weekly Vue News #202 - Efficient Vue Lists, Nuxt Multi-Tenancy, and More | Weekly Vue News
This weekly Vue & Nuxt newsletter gives you high-quality tips and curated content to help you become a Vue & Nuxt expert.
Forwarded from Vue-FAQ
VK Видео
Композируем композаблы — практики и приемы в написании композаблов. Денис Чернов, программист SM Lab
Доклад с митапа MskVue.js #13 от сообщества MSK VUE.JS и Lamoda Tech Сomposition API может вскружить голову своими возможностями и во главе угла стоят Композаблы. Что это такое и какими приемами можно подчинить их у себя на проекте, чтобы работа с ними приносила…
🔥30👍1
Forwarded from VueJS News
📦 Vue Language Tools 3.0 was released
... but with regressions. Waiting for version 3.0.1
Changelog: https://github.com/vuejs/language-tools/releases/tag/v3.0.0
... but with regressions. Waiting for version 3.0.1
Changelog: https://github.com/vuejs/language-tools/releases/tag/v3.0.0
😁8❤2👍2
Давайте коллективно поможем @grindpride решить проблему 💚
Есть форма в Наксте, она показывается до гидратации, юзер успевает ее заполнить, а после гидратации данные слетают, чё как решить это вот?
Не предлагаем блокировать форму)
Вообще такая проблема не только в Наксте, хочется услышать как её в целом сейчас решают
Есть форма в Наксте, она показывается до гидратации, юзер успевает ее заполнить, а после гидратации данные слетают, чё как решить это вот?
Не предлагаем блокировать форму)
Вообще такая проблема не только в Наксте, хочется услышать как её в целом сейчас решают
Please open Telegram to view this post
VIEW IN TELEGRAM
1👍2💩2❤1🥰1
Forwarded from Vueist
Прерываюсь с отпуска с очень грустной новостью: NuxtLabs де-факто на зарплате у Vercel теперь. Я не буду тут описывать почему это плохо. Кто понял тот понял. Но на зарплате Vercel-я теперь все основные Nuxt мейнтейнеры: Энтони, Пуя, Себастьян и Даниель.
https://github.com/nuxt/nuxt/discussions/32559
#iwanttocry
https://github.com/nuxt/nuxt/discussions/32559
#iwanttocry
GitHub
The future of Nuxt · nuxt nuxt · Discussion #32559
I am very pleased to let you know that a number of us on the Nuxt core team are joining Vercel. As you know, Nuxt is a free and open source framework for building full-stack web apps. One of the th...
😭12🤩4
Forwarded from Vue-FAQ
Вышла Vue v3.6.0-alpha в которой уже есть
Рекомендуется использовать с осторожностью в небольших приложениях полностью на
Основная идея
Тем не менее, наш ответ
С маркетинговой точки зрения абсолютно верный шаг.
#vapor #vue
Vapor modeРекомендуется использовать с осторожностью в небольших приложениях полностью на
Vapor или в частичной реализации компонент, которым нужна производительностьОсновная идея
Vapor Mode - работать с DOM в браузере напрямую, а не через VDOM, что теоретически должно дать ускорение и меньший размер бандла. На большинстве Vue приложений ни то ни то, наверно, особо заметно не будет, даже с бенчмаркамиТем не менее, наш ответ
Solid.js и Svelte. С маркетинговой точки зрения абсолютно верный шаг.
#vapor #vue
GitHub
Release v3.6.0-alpha.1 · vuejs/core
Features
vapor mode (#12359) (bfe5ce3)
Please see About Vapor Mode section below for details.
Performance Improvements
reactivity: refactor reactivity core by porting alien-signals (#12349) (3...
vapor mode (#12359) (bfe5ce3)
Please see About Vapor Mode section below for details.
Performance Improvements
reactivity: refactor reactivity core by porting alien-signals (#12349) (3...
1🔥12🤔1
Vue 2 в 2025: какие паттерны стоит забыть, а какие – оставить / Хабр https://share.google/UqTFZAE9s7aK9NSkf
Хабр
Vue 2 в 2025: какие паттерны стоит забыть, а какие – оставить
Коротко расскажу о себе. С 2017 года начал заниматься обычной HTML версткой с амбициями на веб-программирование. Набираясь опыта, стал писать все более сложные проекты для e-commers. В 2020 году...
1👎11
Forwarded from Nuxt.js | Vue SSR News (Андрей)
Представьте, просыпаетесь вы утром, а там
Nuxt 4 официально вышел и включает множество (непустое) улучшений:
🐤 Изменили структуру папок проекта (также известную как архитектура):
✨ Обновили
🍙 Упростили tsconfig, теперь достаточно одного в корне проекта.
🩹 Нормализовали автогенерацию имён компонентов – теперь они будут одинаково отображаться и использоваться и в девтулзах, и в KeepAlive, и с автоимпортами.
Готовы обновляться? Ловите гайд по миграции. Не готовы? Пока что жить можно.
Поддержка Nuxt 3 заявлена до конца 2025, Nuxt 4 – до середины 2026. Ожидается вскоре Nitro v3 и уже на его базе выйдет Nuxt 5.
Доброе утро☀️
Nuxt 4 официально вышел и включает множество (непустое) улучшений:
app/, server/, modules/useAsyncData и useFetch: теперь с shallow-реактивностью, undefined для дефолта и переиспользованием данных между компонентами.Готовы обновляться? Ловите гайд по миграции. Не готовы? Пока что жить можно.
Поддержка Nuxt 3 заявлена до конца 2025, Nuxt 4 – до середины 2026. Ожидается вскоре Nitro v3 и уже на его базе выйдет Nuxt 5.
Доброе утро
Please open Telegram to view this post
VIEW IN TELEGRAM
Nuxt
Announcing Nuxt 4.0 · Nuxt Blog
Nuxt 4.0 is here! A thoughtful evolution focused on developer experience, with better project organization, smarter data fetching, and improved type safety.
3❤7👍3💩1
Forwarded from Vueist
Отпуск завершен. Возвращаюсь в рабочий ритм. Но сейчас самое главное то о чем многие меня спрашивали и ждали.
Я собираюсь сделать новый цикл интенсива по вкату во Vue. Сейчас это не объявление набора, но ждите его примерно с 10-ых чисел августа.
Для кого:
1) Те кто уже умеют писать на других фреймворках, но ему любопытно познакомиться со Vue.
2) Вы уже имеете неплохую базу JS/HTML (уровень умение пояснить за стрелочную и обычную функцию, а также знание основных HTML-тегов).
3) Вы уже пишете на Vue, но недавно или боитесь что у вас много пробелов (будем прорабатывать базу).
Формат: звонок с группой, но стрим будет и общедоступный
Домашняя работа: будет, но проверка по желанию
Протяженность: 2 недели, +- каждый день по 2-3 часа по вечерам.
Что узнаем:
1) Получим основную и прочную базу по Vue
2) Получим набор бестпрактисов для проектов
3) Ознакомимся с основной окружающей экосистемой
Чего не будет:
1) Тестирования (это заслуживает отдельной работы)
2) То что полезно при написании своих библиотек/ui либ (Storybook, tsup и тд, потребует слишком много специфичных моментов для сжатого интенсива)
3) Глубокой подкапотной работы механизмов Vue (однако база будет дана достаточная для применения на практике)
Это будет не курс, скорее обкатка некоторых элементов с него.
И это будет совершенно бесплатно и в открытом доступе, сугубо из желания увеличить количество учебного материала по Vue
Я собираюсь сделать новый цикл интенсива по вкату во Vue. Сейчас это не объявление набора, но ждите его примерно с 10-ых чисел августа.
Для кого:
1) Те кто уже умеют писать на других фреймворках, но ему любопытно познакомиться со Vue.
2) Вы уже имеете неплохую базу JS/HTML (уровень умение пояснить за стрелочную и обычную функцию, а также знание основных HTML-тегов).
3) Вы уже пишете на Vue, но недавно или боитесь что у вас много пробелов (будем прорабатывать базу).
Формат: звонок с группой, но стрим будет и общедоступный
Домашняя работа: будет, но проверка по желанию
Протяженность: 2 недели, +- каждый день по 2-3 часа по вечерам.
Что узнаем:
1) Получим основную и прочную базу по Vue
2) Получим набор бестпрактисов для проектов
3) Ознакомимся с основной окружающей экосистемой
Чего не будет:
1) Тестирования (это заслуживает отдельной работы)
2) То что полезно при написании своих библиотек/ui либ (Storybook, tsup и тд, потребует слишком много специфичных моментов для сжатого интенсива)
3) Глубокой подкапотной работы механизмов Vue (однако база будет дана достаточная для применения на практике)
Это будет не курс, скорее обкатка некоторых элементов с него.
И это будет совершенно бесплатно и в открытом доступе, сугубо из желания увеличить количество учебного материала по Vue
1👍10🔥5🤡3❤2💩1
Forwarded from MSK VUE.JS News
Дорогие участники чата!
Мы открываем набор новых спикеров и докладов или попросту CFP❤️🔥
Оставить свои заявки можно
👉🏻 ЗДЕСЬ 👈🏻
Мы будем очень рады видеть новые лица и новые темы!
Команда Msk Vue.js обнимает вас❤️🔥
Мы открываем набор новых спикеров и докладов или попросту CFP❤️🔥
Оставить свои заявки можно
👉🏻 ЗДЕСЬ 👈🏻
Мы будем очень рады видеть новые лица и новые темы!
Команда Msk Vue.js обнимает вас❤️🔥
1❤8
Forwarded from Vueist
Думаю многие уже слышали про Vue Vapor (режим работы без VDOM) и он уже проделал неплохой путь:
1) был в закрытой репе и мы ждали хоть каких-то деталей
2) открыли отдельный репозиторий частично
3) дополнили этот репозиторий всеми фичами (компайлер и рантайм)
4) мучительно долго ждали пока репозиторий сольют в главный и это происходило в отдельной ветке
5) ждали каких-то вестей, когда он наконец-то войдет в минор...
6) и вот мы имеем Vapor в альфе
— вы здесь —
7) Vapor выходит в бета версию, а после и релиз в экспериментальны состоянии
Что же нас отделяет от 7ого пункта? Стабилизация. Но как за ней следить?
А вот об этом и пост: пару дней назад появился публичный роадмап по стабилизации Vapor. В нем и можно будет отследить состояние дел.
Ну и в целом сейчас в ишьюсах репозитория целая россыпь вещей связанных непосредственно с Vapor режимом.
Ждем и надеямся, что все пройдет без затыков
1) был в закрытой репе и мы ждали хоть каких-то деталей
2) открыли отдельный репозиторий частично
3) дополнили этот репозиторий всеми фичами (компайлер и рантайм)
4) мучительно долго ждали пока репозиторий сольют в главный и это происходило в отдельной ветке
5) ждали каких-то вестей, когда он наконец-то войдет в минор...
6) и вот мы имеем Vapor в альфе
— вы здесь —
7) Vapor выходит в бета версию, а после и релиз в экспериментальны состоянии
Что же нас отделяет от 7ого пункта? Стабилизация. Но как за ней следить?
А вот об этом и пост: пару дней назад появился публичный роадмап по стабилизации Vapor. В нем и можно будет отследить состояние дел.
Ну и в целом сейчас в ишьюсах репозитория целая россыпь вещей связанных непосредственно с Vapor режимом.
Ждем и надеямся, что все пройдет без затыков
GitHub
Vapor Roadmap · Issue #13687 · vuejs/core
This Issue was created to provide better disclosure of information and find features that can be completed for community contributors. Maintainers are welcome to participate in updating this list. ...
1❤3
Forwarded from Vueist
Небольшой лайфхак с лайфсайклом
В чате недавно напомнили о небольшом трюке, который почему-то часто ускользает из вида и кажется неочевидным
Наверное вы периодически могли видеть что-то подобное
И данный код кажется слегка изыточным, а порой это бывает и с запросами и тд. И есть ощущение что немного лишнего вываливается в общий скоуп компонента. Однако можно сделать код чуть более семантичным и собранным:
Да. Теперь связанные сущности чуть лучше упакованы и да это работает. А если у вас несколько листенеров (такое бывает при обработке форм в ручную или D'n'D) можно доработать до
это позволит вам разом отключать всех подписчиков разом без нужды давать каждому отдельное имя (работает и с запросами и прочими браузерными API)
Надеюсь это поможет сделать вашу кодовую базу чуточку лучше
#лайфхак #composition
В чате недавно напомнили о небольшом трюке, который почему-то часто ускользает из вида и кажется неочевидным
Наверное вы периодически могли видеть что-то подобное
const onScroll = () => { /* ... */ }
onMounted(() => {
window.addEventListener('scroll', onScroll)
})
onUnmounted(() => {
window.removeEventListener('scroll', onMounted)
})И данный код кажется слегка изыточным, а порой это бывает и с запросами и тд. И есть ощущение что немного лишнего вываливается в общий скоуп компонента. Однако можно сделать код чуть более семантичным и собранным:
onMounted(() => {
const onScroll = () => { /* ... */ }
window.addEventListener('scroll', onScroll)
onUnmounted(() => {
window.removeEventListener('scroll', onMounted)
})
})Да. Теперь связанные сущности чуть лучше упакованы и да это работает. А если у вас несколько листенеров (такое бывает при обработке форм в ручную или D'n'D) можно доработать до
onMounted(() => {
controller = new AbortController();
window.addEventListener('scroll', () => { /* ... */ }, { signal: controller.signal })
window.addEventListener('resize', () => { /* ... */ }. { signal: controller.signal })
window.addEventListener('click', () => { /* ... */ }. { signal: controller.signal })
onUnmounted(() => {
controller.abort()
})
})это позволит вам разом отключать всех подписчиков разом без нужды давать каждому отдельное имя (работает и с запросами и прочими браузерными API)
Надеюсь это поможет сделать вашу кодовую базу чуточку лучше
#лайфхак #composition
🔥23🥴5❤2
С днём рождения получается меня 💚
Please open Telegram to view this post
VIEW IN TELEGRAM
1🎉47❤37🔥4❤🔥1
Forwarded from Vueist
У меня 2 новости. Обе хорошие. Сейчас сообщу первую, а вечером вторую (вы уже даже догадываетесь о чем речь)
1. У Vue чата отделили старый Vuejs jobs от нашей сетки, так как мнения администраций частенько не совпадали. Теперь у самого крупного русскоговорящего чата Vue свой чат по поиску работы Vuejs Career. С более щадящей и мягкой модерацией (без банов за выход / ограничений зп в 150к и тп). Также администраций будет единой с чатом Vuejs, так что договариваться будет проще в случае возникновения проблем.
Закидывайте рефералки / вакансии / резюмешки и мы будем надеяться, что это поможет одним успешно находить работу, а другим искать сотрудников. Модерация вакансий и требований может еще какой-то период дорабатываться и проясняться. Поэтому не бойтесь предлагать идеи.
PS. В честь этого также провели небольшой ребрендинг сообщества (сменили лого), так что не пугайтесь
1. У Vue чата отделили старый Vuejs jobs от нашей сетки, так как мнения администраций частенько не совпадали. Теперь у самого крупного русскоговорящего чата Vue свой чат по поиску работы Vuejs Career. С более щадящей и мягкой модерацией (без банов за выход / ограничений зп в 150к и тп). Также администраций будет единой с чатом Vuejs, так что договариваться будет проще в случае возникновения проблем.
Закидывайте рефералки / вакансии / резюмешки и мы будем надеяться, что это поможет одним успешно находить работу, а другим искать сотрудников. Модерация вакансий и требований может еще какой-то период дорабатываться и проясняться. Поэтому не бойтесь предлагать идеи.
PS. В честь этого также провели небольшой ребрендинг сообщества (сменили лого), так что не пугайтесь
🔥11