👩‍💻Во 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'а на тему будущего фреймворка и экосистемы. Вопросы принимаются уже сейчас, но, возможно, можно будет их задать и на самой встрече.

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