Web-пердолинг
38 subscribers
58 photos
2 videos
60 links
Канал очередного фронтендера. Вас предупредили.

GitHub: https://github.com/Perdolique

Twitch: https://www.twitch.tv/perdolique

Discord: https://discord.gg/9w7cHZS
Download Telegram
Релизнулся 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
🫡3
Ну чё, пацаны, завозим свежайший 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
🌚1
🎉 Кстати, тут 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
👍1
State of CSS 2025 уже можно пройти, кстати. Смотрим, знакомимся с новиночками, даём фидбэк.

#news #css
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
🤡2👍1
Как NuxtLabs и обещали, релизнулся Nuxt UI v4, который объединяет Nuxt UI и Nuxt UI Pro в одну единую библиотеку. Бесплатную и опенсурсную.

Что в этом хорошего:

🧩 110+ компонентов, включая продвинутые из Pro версии.

📦 12 бесплатных шаблонов на все случаи жизни — для лендосов, дашбордов, документации, портфолио и прочей ерунды.

🎨 Figma Kit

🤖 Вайбкодинг-ready: LLMs.txt и MCP сервер для интеграции с Cursor, Copilot или чем вы там генерируете код.

Анонс | Релиз на GitHub

#nuxt #vue #frontend #update #ui #news
💊1
Одна из вкуснятин этого года наконец-то релизнулась — Vitest 4.0 🎉

Вот чего ожидать в этой версии:

🧭 Стабильный Browser Mode: подключаем поддерживаемого провайдера (например, Playwright) и автоматически прокликиваем свои поделки.

🖼 Визуальное тестирование через сравнение скриншотов.

🎥 Playwright tracing, который позволяет детально анализировать поведение тестов.

🪟 FrameLocator для поиска элементов в iframe.

📐 Сравнение со схемой с помощью Standard Schema v1. Можно описать схему на любом валидаторе, который умеет в стандарт (например, Valibot), и прогонять тесты через него.

- Официальный анонс.
- Документация.
- Полный чейнджлог.
- Миграция на Vitest.

#vitest #testing #frontend #backend #update #javascript #jest
Друзья. Сегодня в моей жизни произошло важное событие, о котором я не могу молчать вышел VSCode 1.109.

Из главного:

Мощно прокачали агентов и саб-агентов:

🤝 Кастомные агенты теперь могут быть использованы как саб-агенты.

🪗 Саб-агенты гоняются параллельно — возможность оркестрации и нормальный конвейер. Можно взять готовое или сделать своё.

🤔 Агент больше не угадывает, что вы хотели сказать своим очередным бессмысленным промптом — теперь он умеет задавать уточняющие вопросы с вариантами ответов или свободным вводом.

🏗️ Прокачали планирование: теперь оно работает в 4 фазы — Discovery → Alignment → Design → Refinement, и может запускаться командой /plan

🎨 Завезли поддержку MCP Apps — мини веб-аппки прямо в чате.

Claude за премиум-реквесты:

🤖 Claude агент интегрирован сразу в чат и всё делает напрямую, но за подписку Copilot, без отдельного аккаунта. Так же он доступен и на GitHub — просто назначьте его на задачу, как Copilot.

Ну и по-мелочи:

ℹ️ Наконец-то в чате показывают контекст. На сколько он забит вашим говнокодом, инструкциями, тулзами и т.д.

🖱️ Даблклик по скобке выделяет содержимое внутри, до ближайшей пары.

💬 Немного улучшили инлайновый чат и NES.

🌐 Новый полноценный интегрированный браузер вместо старого обрубка.

А ну бегом обновляться, пока не получили по жопе!

#vscode #github #copilot #llm #ai #agents #devtools #news #update
Если вы вдруг выбираете себе библиотеку для валидации, то не забудьте посмотреть на свежие бенчмарки: https://schemabenchmarks.dev

#validation #schema #benchmark #tool #frontend #backend
⚠️ Vue.js Amsterdam буквально только начался. Обещают много анонсов.

Смотрим тут: https://vuejs.amsterdam

#news #vue #conference #live
Please open Telegram to view this post
VIEW IN TELEGRAM
Сегодня у меня только плохие новости (для пользователей GitHub Copilot).

GitHub выкатил возможность посмотреть на то, сколько вы потратили AIC (AI Credits) за апрель, в дополнение к премиум-реквестам. Пока только в качестве CSV-файла.

Так же они добавили новый план Copilot Max за $100 и механику дополнительных кредитов, которые могут динамически меняться. Подробности тут.

Загрузить апрельский репорт можете в своих настройках или попросить сделать это администратора вашей организации.

Проанализировать загруженный репорт можно тут: https://copilot-billing-preview.github.com

В комментариях добавлю свою стату за апрель. [NSFW]

#github #copilot #llm #news #ai #agents
Там готовы результаты State of AI 2026 с упором на веб-разработку. Но, как мне кажется, ответы вполне соответствуют глобальному тренду индустрии в целом.

Очень много интересных вещей, особенно в динамике, по сравнению с прошлым годом.

Например, если в 2025 средний чек был в районе $0-$50, то теперь он сместился в $50-$500. Или если в 2025 году вопрос о том, заменят ли вас нейронкой у большинства вызывал улыбку, то в 2026 в ответах чувствуется сильная трясочка.

#ai #llm #agents #survey
🎉 Две лучшие в мире штуки объединились.

VoidZero (Vite, Rolldown, Vitest, Oxc и т. д.) теперь часть Cloudflare. Обещают, что всё останется с открытым исходным кодом, как и было, но кому-кому, а Cloudflare я верю по своему опыту.

#news #vite #cloudflare #void0 #vitest #oxc #rolldown
🎉 Релизнулся Nuxt 4.5 🎉

Вот некоторые изменения:

Улучшения в скорости билда и dev-режима благодаря Vite 8 и Rspack 2 с переходом на Rsbuild.

🌊 Экспериментальный SSR стриминг, с помощью которого вы можете уменьшить TTFB там, где это возможно.

🩺 Новая система ошибок и диагностики через nostics.

🎨 Именованные views.

И много чего ещё. Больше подробностей в официальном блоге.

Следующий шаг — активная работа над Nuxt 5. Как обычно, ждём ещё год или два.

#update #news #nuxt