Dev новости: Nuxt 3.9, Vue.js 3.4, анализируем React Server Components

Vue 3.4

Эван Ю создатель Vue.js — выпустил новую минорную версию 3.4 фреймворка Vue.js. Он написал, что «внесены существенные улучшения»: Переписан парсер шаблонов, переделана система реактивности.

Переработанный парсер стал быстрее в 2 раза и пишет, что: «Ранее Vue использовал рекурсию для парсера, множество регулярок, а новый парсер использует токенизатор в htmlparser2 который проходит по строке шаблона один раз.».

Какие еще изменения в версии 3.4:

• Метод defineModel был экспериментальным, теперь в стабильной версии;
• Короткая запись для v-bind, если названия совпадают;
• Добавлены страницы документации с кодами ошибок и ссылками.

Подробнее в блоге Vue.js — https://blog.vuejs.org/posts/vue-3-4

Анонс Nuxt 3.9

Новая версия выпущена на новогодних каникулах. Напомню, что этот Фреймворк с открытым исходным кодом для веба, поддерживает Vite 5 и Rollup 4, и конечно же готов для Vue 3.4, по словам главного разработчика Nuxt Даниэля Роу.

Уже можно «поиграться» с серверными компонентами в экспериментальном обновлении. Теперь можно указать компоненты для «гидротации» внутри серверного компонента с использование директивы «nuxt-client».

Что ещё добавлено:

• Granular Loading API — новый хук «useLoadingIndicator» для индикации загрузки и контроля.
• Запуск одиночного эвента callOnce — вызывается один раз.
• И новые типы ошибок и исправление.

Пример с callOnce

<script setup>
const websiteConfig = useState('config')

await callOnce(async () => {
  console.log('Выполнится 1 раз.')
  websiteConfig.value = await $fetch('https://my-cms.com/api/website-config')
})
</script>

Bun

Выпустил версию 1.0.21 с исправлением ошибок. Bun — это рантайм для Javascript, бандлер и менеджер пакетов. Среди исправлений указано, на утечки памяти, улучшение совместимости с Node.js. Что ещё:

• Поддержка console.table() — печатает таблицу для отладки, как в хроме.
• bun:sqlite — предоставляет более подробные ошибки.
• bun:sqlite использует меньше памяти, и теперь сборщик мусора более эффективно очищает память.

IOS и Copilot

Искусственный интеллект развивается и на мобильных устройствах, и последнее дополнение Microsoft приложение для Copilot на IOS, IPadOS доступны в AppStore.

Приложение дает доступ разработчикам к GPT-4 от OpenAI, без подписки! И интегрируется с DALL-E3, что позволяет создавать изображения.

Минусы React Server Components

RSC было горячей темой для разработчиков React в 2023 и уже составлен список: минусов технологии. Посмотрим что пишут разработчики о слабых местах и опыте:

• Не понравился размер бандла RSC, 2 года назад Next.js 12 с роутером весит 70 кб после сжатия, а теперь 14 версия с App Router базовый размер составляет 90 кб.
• А после распаковки это весит 300 кб JS кода для простой страницы «Привет Мир». Кеширование конечно поможет, но браузер проходит весь бандл.

Проблемы с размером, особенно не приятны, когда RSC были созданы для уменьшения его.