State of JavaScript 2024 уже доступен для прохождения. Держу в курсе.

#news #survey #javascript

Там Johnson Chu решил поиграться с написанием самой быстрой библиотеки сигналов на этой планете под названием alien-signals и заодно интегрировать это во Vue (#12349).

Промежуточные результаты примерно такие:

💨 На ~13% уменьшилось потребление памяти.
💨 В четыре раза быстрее реактивности во Vue 3.4.
💨 Быстрее реактивности во Vue 3.5 от 1.8 до 65 раз, в зависимости от сложности приложения.

Выглядит вкусно, но на релиз в ближайшее время сказали не надеяться. Придётся ПОТЕРПЕТЬ.

#vue #frontend

Помните, был такой Radix Vue, который порт Radix UI для React? Так вот там уже настолько адаптировали всё под Vue, что больше нет смысла называться "портом".

Встречайте Reka UI — набор нестилизованных компонентов и примитивов для вашего любимого Vue.js. С доступностью, интернационализацией и прочими, уже стандартными для UI библиотек штуками. От вас требуется только уметь немного программировать и CSS.

#ui #vue #frontend #design #news

TypeScript 5.7 релизнулся, кстати.

Но если вы каким-то образом используете vue-tsc, то не спешите с обновлением.

Про детали релиза я писал ранее в этом посте.

#typescript #vue #news #update

Внезапно релиз Vite 6.0.

Я ожидал релиза как-то намного позже, с Rolldown и Oxc внутри, но, судя по всему, это будет уже в следующих версиях. В версии же 6.0 для конечного пользователя практически ничего интересного.

В целом — это релиз добавляющий поддержку Environment API, что расширяет возможности и упрощает работу Vite в разных окружениях. Подробнее про это можете почитать тут.

Но, думаю, после обновления вы никаких изменений не заметите. На всякий случай вот советы по миграции.

А пока ждём новых интеграций Vite во все щелифреймворки и окружения, благодаря Environment API.

#vite #news #update

VueUse релизнули v12.

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

Набор фич же остался из v11.3.

#frontend #vue #update

Svelte решил анонсировать по новой фиче или улучшению для Svelte/SvelteKit каждый день до рождества. Сам календарь можно найти тут.

На данный момент уже опубликовано <svelte:boundary> и возможность использовать блок each без указания item.

Первое даёт возможность вставить ошибку в определённый кусок приложения, а не крашить его полностью. А второе позволяет просто повторить какой-то блок в шаблоне несколько раз.

#frontend #svelte #news

А вот и результаты State of JavaScript 2024 подъехали.

Посмотреть, как ваш любимый фреймворк со временем становится никому невсем нужен можно тут.

#javascript #news

GitHub Copilot стал бесплатным для всех.

🤖 Можно чатиться прямо на гитхабе: github.com/copilot
🤖 Доступны две модели, GPT-4o и Claude Sonnet 3.5.
🤖 Есть интеграции с популярными IDE, но я советую VS Code, так как только там есть поддержка редактирования сразу нескольких файлов.


Без лимитов не обошлось: 2000 дополнений кода и 50 сообщений в чате в месяц на бесплатной версии. А если вы из России, то придется воспользоваться VPN.

#ai #github #copilot #free

Пока вы думали, что канал умер вместо со мной, Vitest релизнули версию 3.0.

Изменения в основном касаются API для разработчиков расширений, но есть кое-что и для нас с вами, обычных любителей как следует потестировать свой код. 😉

🧑‍💻 В основном конфиге наконец-то можно указать список воркспейсов. Если вы монорепер, то это для вас.
🧑‍💻 Отдельная настройка для браузеров, в которых запускаются тесты. Теперь ваши тесты в разных браузерах будут быстрее.
🧑‍💻 Фильтровать тесты теперь можно не только по имени файла, но и по номеру строки в нём.

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

#update #vitest #testing

Релизнулся Storybook 8.5, так что самое время обновляться и делать вид, что у вас всё под контролем.

Что новенького:

♿ Доступность. axe-core теперь автоматом проверяет, как ваши компоненты мучают пользователей.

🛡️ Покрытие кода. Можно смотреть на сколько ваши тесты покрывают код.

🎯 Запуск отдельных тестов. Позволяет запустить отдельный тест или группу тестов прямо из интерфейса.

⚛️ React Native Web Vite. Можете тестировать мобильный UI, как будто бы он кому-то нужен.

🎁 Storybook Test Bootcamp. Курс для тех, кто хочет тестировать так, как будто это имеет значение. Записаться можно тут.

Из остального:

✅ Поддержка React 19
✅ Поддержка Vite 6
✅ Поддержка Angular 19
✅ Панель с кодом компонента
✅ Экспериментальная поддержка Bun
✅ Поддержка Svelte в тестах
✅ Экспериментальная поддержка Nuxt

#frontend #update #storybook #testing #accessibility

Кстати, новая неофициальная дата релиза Nuxt 4 — это Март 2025. Но это опять же как as any в вашем коде, никогда не знаешь что там на самом деле.

А тем временем ждём релиз Nitro 3, который блокирует Nuxt и не бухтим. 🗿

#update #nuxt #nitro #vue

Не знаю зачем, но ESLint научили проверять CSS, выпустив официальный плагин @eslint/css.

Я, как человек, который использует Stylelint уже несколько лет и не имеет ни единого нарекания к этой тулзе, немного не понимаю что происходит. Но решил держать вас в курсе.

#frontend #css #eslint #update #stylelint

Ну чё, пацаны, завозим свежайший Nitro 2.11 с апгрейдами 🚀

💥 Ошибочки теперь по красоте
Ошибки теперь не просто выводятся, а прям в блеске: в браузере и CLI теперь стектрейсы с подсветочкой от poppinss/youch 🎨.

⚡️ Девсервер на стероидах
Теперь девсервер у Nitro ещё стабильнее, код свапается на лету, всё летает 🏎💨.

🗄 БД-шечки накачали мышцу
Обновили db0 до 0.3.x – теперь круче тайпинг, подготовленные запросы и нативный node:sqlite без костылей 🔥.

🌍 baseURL не забыли
Теперь можно без боли деплоить на любые юрлы (/admin, например). Даже редирект добавили, если вдруг забыли прописать 😏.

🕷 Пререндеринг теперь без лютых багов
Заменили костыли на ultrahtml, теперь всё четко парсится 🧐.

📦 Firebase из коробки
Деплоим в Firebase App Hosting без конфигов, кайфуем 🎯.

🌪 Edge-рантаймы подтянулись
Теперь Node.js-штуки работают даже в Deno v2 и Cloudflare Workers, спасибо unenv 💡.

📉 Похудели на 28MB
Перешли на ESM-only, поэтому теперь ставится быстрее и места жрёт меньше 💾

Подробности

#nitro #nuxt #update #backend

🐕💨 Вчера TypeScript стал в 10 раз быстрее.

Если коротко, то челики из Microsoft решили адаптировать текущую кодовую базу компилятора на Go. Без переписывания основной логики, чтобы сделать это побыстрее. Отсюда и выбор языка (уже слышу "ПОЧЕМУ НЕ РАСТ???").

В ближайшее время разработчики стабилизируют tsgo и первый официальный релиз будет вместе с TypeScript 7.0

План примерно такой:

1. Релиз 5.9 как и ожидалось.
2. Релиз 6.0, который будет поддерживаться и текущей JS версией, и версией на Go (но с депрекейшенами).
3. Релиз 7.0, где развиваться будет только версия на Go. 6.0 же перейдёт на багфикс-поддержку.

Подробности.

#typescript #update #news #javascript #go

🎉 Oxlint вышел в бету (линтер, который примерно в 100 раз быстрее ESLint, если кто не в курсе).

Основные изменения:

⚡️ Производительность выросла ещё на 50% по сравнению с первым публичным релизом.

📐 Встроенных правил теперь 502 (было 207).

🛠️ Множестно правил портировано из ESLint-плагинов typescript, unicorn, react, react-perf, nextjs, import, jsdoc, jsx-a11y, node, promise, jest и vitest.

📂 Конфигурация через .oxlintrc.json, включая возможность использовать внешние конфиги через extends.

🚀 Линтинг содержимого <script> для .vue, .svelte и .astro.

🔧 Автофиксы.

Следующий шаг — это возможность подключать сторонние ESLint-плагины и улучшение поддержки в IDE/редакторах VSCode, Zed, coc.nvim и IntelliJ.

#update #news #oxlint #eslint #javascript

UI/UX дизайнеры, кажется, всё (хаха, нет, конечно — это же Гугл).

Какой-то новый сервис от Гугла — Stitch — для генерации дизайнов, которые можно сразу запихнуть в Figma, вышел в бету.

В целом похоже на GitHub Spark, только для дизайнов: выбираешь цвета, шрифт, тему, описываешь требования к страницам — и ждёшь. Каждую страницу в приложении можно перегенерировать или «поправить» отдельным промптом.

Для мобилок получается намного лучше, но для десктопа что-то ТАКОЕ (но лучше, чем у меня). Хотя дизайны слишком уж одинаковые и простые, а респонсивностью даже не пахнет — направление в целом правильное. Через годик как-нибудь допилят.

#news #google #ai #stitch

🎉 Кстати, тут Storybook 9 релизнулся — теперь это не просто UI-гид, а полноценная тестовая платформа.

Что нового:

🧪 Storybook Test: объединяет interaction, визуальные, accessibility и coverage тесты в одном виджете.

⚡ 48% легче: уменьшен размер бандла, ускорена установка, упрощены зависимости.

🏷️ Теги: группировка и фильтрация историй по статусу, команде или фиче.

🌐 Story globals: настройка темы, локали, viewport и других параметров на уровне истории.

⚛️ Обновления фреймворков: улучшена поддержка Svelte, Next.js, React Native и Angular.

✍️ Генерация историй: создание и редактирование историй прямо из UI.

Подробнее: https://storybook.js.org/blog/storybook-9/

#frontend #storybook #testing #update

Vercel купил Nuxt! 💰

Ладно, байт. Не купил, а нанял ключевых разработчиков на полную ставку и сказал дальше заниматься тем, чем они и так занимались, но за зарплату вместо донатов.

Что это значит:

🧩 Nuxt останется open source под лицензией MIT.

👥 Команда продолжит работать над Nuxt.

🛠 Продолжится работа над Nuxt, Nitro, NuxtHub, Nuxt UI, UnJS и Nuxt Studio.

🎁 В ближайшее время станет бесплатным:
• Nuxt UI v4 + все Pro‑компоненты
• Self‑hosted Nuxt Studio
• NuxtHub будет без вендор-лока на Cloudflare.

🧠 Появится фокус на LLM‑интеграции, в том числе через v0.

Если всё пойдёт хорошо, то из плюсов мы увидим более активную разработку, так как не нужно будет искать бабки, и обесплачивание ранее платных штук, которые упоминаются выше. И это звучит вкусно.

Из потенциальных минусов — смещение фокуса на вендор-локинг для Vercel, игнорирование сообщества и почти мёртвая разработка, как сейчас происходит с React. Но тут время покажет.

#nuxt #vercel #opensource #vue #frontend #news