👩‍💻Во Vue 3.5 хотят перевести props destructure в стабильный статус. Предлагают включить их по дефолту, но оставить возможность вернуться к старому поведению.

Как минимум, будьте в курсе, как максимум, можете перейти по ссылке и вставить свои 5 центов.

Андрей (@squozb) расскажет свой первый доклад на митапе MskVue.js! 🥳

Изучаем пределы Nuxt: как Nuxt Kit меняет правила игры

Ваше приложение выросло и стандартных 4 папочек вам уже не хватает? Переживаете за переиспользуемость кода? Ждёте Nuxt Auth, боясь написать свою реализацию? Просто хочется копнуть поглубже в исходники накста?
Окей, вас услышали. Давайте разберёмся, что такое модули, как они работают в наксте и как можно написать свой модуль и расширить фреймворк в любую сторону при помощи Nuxt Kit.

⏰️ Дата и время: 23 мая 2024, 19:00

📍 Место: Мск, БЦ Фактория, кампус Школы 21, ул. Вятская 27с42

регистрация на митап

👩‍💻 Как и было обещано в анонсе, наступает середина июля и выходит Nuxt 4 3.12 (ну что вы, как в первый раз 🤣)

Миноров давно не было, поэтому и список получился большой и разношёрстный:

1️⃣Добавили базовую поддержку @nuxt/scripts – надстройку для более удобного управления сторонними скриптами. Сам пакет сейчас в предрелизной стадии
2️⃣Стабилизировали 4 экспериментальных функции (заголовок NoSSR, тришейкинг кода в clientOnly, генерация типов для runtimeConfig и полифиллинг vueuse/head). Две из них и так были включены по умолчанию
3️⃣Добавили новую экспериментальную функцию – multiApp support. Подробнее здесь
4️⃣Улучшили DX – в консоль теперь красиво выводятся VNode и ссылки из URL
5️⃣Улучшили типизацию: в tsconfig теперь генерируется значение module: 'preserve' (требуется TS 5.4+), ну и так, по мелочи
6️⃣Даже не забыли про Nuxt Kit и Nuxt Layers. Слои из папки ./layers теперь автоимпортируются, а кит обзавёлся дополнительными обвесами для работы с runtimeConfig и описания совместимости модулей

Ждём пару патч-версий и обновляемся или продолжаем ожидать v4?

EOL уже 30 июня 😵

Вышел последний минор Nuxt 2 (помните был такой)

Изменений наскребли на 3 коммита:
1️⃣Переехали на memfs, чтобы не оставлять потенциальной CVE после EOL
2️⃣Бэкпортировали из Nuxt 3 проверку на доступность sessionStorage
3️⃣Вернули манки-патчинг для функции patchMD4 (чтобы экосистема для 2й версии не рухнула)

Да, это не много, но это честная работа

Тут команда Nuxt сколлаборировалась с командой Chrome Aurora и выпустила новый модуль – Nuxt Scripts ☀️

Если вы используете third-party скрипты (например, аналитику) и хотите улучшить:
🔠Надёжность
🔠Метрики Lighthouse
🅱️Безопасность
🔠Удобство использования

– Поставьте бету и попробуйте, и не забудьте завести issue, если попытка оказалась неудачной

Начался очередной Nuxt Office Hours. Если у вас было желание задать вопрос в реальном времени, возможно это ваш шанс!💻

https://discord.gg/68TePg2T?event=1272756747626610781

Мы все ждали 4ю версию нашего любимого фреймворка Nuxt, но вот немного нового для 3й версии 👩‍💻

🏘️ Группировка роутов. Теперь можно группировать роуты путем именования директории в круглые скобки, все что в круглых скобках, не будет участвовать в формировании урла.

🏝️ Серверные компоненты (Islands) могут добавлять SEO методанные при рендеринге

🪝 Пользовательские триггеры для префетчинга. Теперь можно отключить префетчинг глобально и включать его точечно, там где это действительно нужно

🗺️ Улучшенная генерация серверных Source Maps (это можно настраивать в nuxt.config)

🎁 Добавлены новые утилиты для авторов модулей. Это этап подготовки к переходу на v4

✨ Улучшены варнинги для dev разработки

🚨 Улучшена типизация для работы с Vue

А также много разного, со всем списком изменений можно ознакомиться в ченджлоге

👉 тут

Vue успешно вступает в гонку миноров 3й версии и выпускает свежий 3.5.0, который завтра ваш коллега случайно принесёт в проект, обновив локфайл.

🥲Нам приятно, что в релиз попали улучшения для SSR. Например, добавили много вспомогательных функций для ленивой гидрации, а также data-allow-mismatch для пометки элементов, которым разрешено не совпадать при серверном и клиентском рендере. Кроме того, теперь useId() есть не только в Nuxt, но и в самом Vue. Интересно, будет ли жёсткая борьба между ними? (UPD: нет)

Остальные улучшения такие:

↗️Оптимизация реактивности: Снижено использование памяти на 56% в среднем, а в больших реактивных массивах стало лучше в 10 раз.

💭Reactive Props Destruсture: Всё-таки запихнули ещё немного магии в <script setup>, обязательно прочитайте, как этим пользоваться.

👻Расширение работы с Custom Elements: Добавлены API useHost() и useShadowRoot(). Для староверов прокинули this.$host в Options Api.

👍Новые возможности: useTemplateRef() для динамических референсов и возможность использовать <Teleport> до того, как он отрендерится.

Это наша последняя гонка...
Вышел Nuxt 3.14 и прям в релиз-ноутах сделали анонс предстоящего Nuxt 3.15

🐊 В сборщиках пополнение — добавился rspack. Если вы использовали webpack до этого, дайте шанс новичку
🌿 Новая папка shared для переиспользуемого кода между server- и app-частью вашего приложения. Держите видеообъяснение.
🥳Подкапотные инструменты тоже обновили. Свежий Nitro 2.10, Jiti v2 сделают ваш проект выше, быстрее, сильнее бесплатно.

В композаблах добавили useResponseHeader (понятно, для чего) и useRuntimeHook (чтобы хуки регистрировались и разрегистрировались вместе с жизненным циклом)

Для модулей в этот раз немного — добавили только addServerTemplate, чтобы генерировать файлы из кода, которые потом будут использоваться в Nitro

❗️Ну и пара изменений для будущего v4 (ожидается, что его покажут на конференции Nuxt Nation 12 ноября): изменили названия для автоимпортируемых компонентов, и поменяли принцип сканирования метадаты на страницах, которая описана в definePageMeta(). Чтобы это у вас сработало, не забудьте выставить в конфиге { future: { compatibilityVersion: 4 } }

Будет 3.14.1?

В прошлом посте было сразу несколько анонсов (кстати, 3.14.1 не вышел, но патч вышел — как же так?). Теперь немного подробнее

🍿12-13 ноября будет Nuxt Nation — конференция, на которой будет много знакомых лиц и немного незнакомых. Обещают рассказать про Nuxt, про Nuxt UI, про повышение перформанса, разработку мобильных и local-first приложений.

✏️Кроме того, анонсировали 45-минутную панель с core-командой Nuxt'а на тему будущего фреймворка и экосистемы. Вопросы принимаются уже сейчас, но, возможно, можно будет их задать и на самой встрече.

Надеемся на стрим без лагов в этом году!

Новый год уже совсем близко🎄 Команда Nuxt принесла нам предновогодний подарочек 🎁

Встречайте Nuxt 3.15.0 🎉

⚡️ Включена поддержка Vite 6
Не смотря на то, что в Vite 6 есть ряд не обратно совместимых изменений, команда Nuxt надеется, что это не станет большой проблемой при использовании Nuxt.

🪵 Интеграциия с инструментами для разработчиков в браузерах на Chromium
Теперь в девтулах добавлена поддержка вывода информации о таймингах хуков жизненного цикла nuxt

🗺️ Навигационный режим для callOnce
Иногда хочется использовать callOnce не просто один раз на сервере, а каждый раз при навигационном переходе. Теперь такая возможность есть, у callOnce появился необязательный параметр режим с опцией navigation

🥵 Добавлена поддержка HMR для виртуальных файлов Nuxt, а так же метаданных для страниц

📋 Улучшение метаданных страниц
Добавлено извлечение дополнительных ключей метаданных на страниц. Добавлена поддержка запуска локальных функций внутри definePageMeta

🔥 Улучшение производительности
Обещают, что приложение стало производительнее, но это еще нужно проверить

Есть еще разные улучшения, с полным списком которых можно ознакомиться в релиз ноутах 👩‍💻

5 января был очередной релиз с багфиксами, но уже сегодня вышло новое обновление 🎉

🔥 Поработали над производительностью при старте приложения
📦 Отрефакторили CLI

Ну и конечно же багфиксинг, куда без него. А так же обновили дату релиза v4 🤔
Вместо 3 квартала 2024 года добавили описание — примерно через 1 месяц после выхода nitro v3

Ждем и надеемся, что количество критов будет минимальным, а багфиксы своевременны 🤞

Стоило выйти за хлебом на 4 месяца, и тут такое...

Вышел Nuxt 3.17, несмотря на все сложности

‼️ useAsyncData и useFetch теперь умнее: несколько вызовов с одним ключом будут использовать одну и ту же реактивную ссылку. Плюс поддержка реактивных ключей — если что-то поменялось, данные сами перезагрузятся без лишнего шума.

🐊 Новый <NuxtTime> — Теперь можно рендерить дату и время без ошибок гидрации (Раньше тоже было можно, просто теперь отдельный компонент завезли).

👀 Кстати о компонентах — Переработали NuxtErrorBoundary, теперь это SFC (ну ладно), и теперь помимо error в слот с ошибкой передаётся ещё и функция clearError (а вот это уже ничего себе)

🐸 И ещё немного о компонентах. Добавили пропс trailing-slash прямо в <NuxtLink>, чтобы аккуратно управлять тем, будут ли слэши в ваших урлах.

✏️ Доку вынесли в отдельный npm-пакет — @nuxt/docs. Ребята пилят свой mcp-сервер, так что это скорее для них, чем для нас.

🍪 Для разработчиков модулей тоже есть улучшения — добавлен флаг experimental.enforceModuleCompatibility. Модули теперь проверяются на совместимость с v3 (v4 держим в уме) заранее. И хук addComponentExports, чтобы добавить именованным компонентам в модуле возможность автоимпорта.

🔥 Куда же без перформанса? Перешли на tinyglobby — меньше зависимостей (2 vs 23), быстрее сборка. Зацените https://e18e.dev/, если хотите у себя тоже выкинуть какие-то тяжёлые зависимости (из проекта). Еще почистили список папок, чтобы ускорить тайпчекинг.

Полный пост, как всегда, в блоге

если хотите прислать новость про накст то можно воспользоваться личкой для канала, сообщения бесплатные


upd: кто дизлайки ставит, подумываем отключить все реакции кроме 👩‍💻