Мои! :)

Interop 2026

В 2026 у фронтенда уменьшается «браузерная магия» и становится больше инженерной платформой.

Короткий список того, что попало в Interop 2026

1. Anchor Positioning
2. Advanced `attr()`
3. Container Style Queries
4. contrast-color()
5. Custom Highlights
6. Dialog and popover additions
7. Fetch Uploads and Ranges
8. getAllRecords() for IndexedDB
9. JSPI for Wasm (JavaScript Promise Integration API)
10. Media pseudo-classes
11. Navigation API
12. Scoped Custom Element Registries
13. Scroll-driven Animations
14. Scroll Snap
15. shape()
16. View Transitions
17. Web Compat
18. WebRTC
19. WebTransport
20. CSS Zoom

Для тех кто пропустил и не знает, что такое Interop. Это когда Apple, Google, Microsoft, Mozilla и Igalia договариваются, чтобы в вебе было меньше полифиллов, меньше костылей, меньше “а в Safari работает?”, больше нативных API вместо JS-библиотек, больше предсказуемости.

Что чувствуется: CSS многое забирает у JS, влияние SPA уменьшается, веб ускоряется(http/3, стримы, wasm).

https://wpt.fyi/interop-2026

🦊 Привет, это Фронти! Всех с прошедшим днём влюблённых!

Вы любите фронтенд как люблю его я?
Я подготовил дайджест #33 для влюблённых =)

Interop 2025 — браузеры наконец-то подружились, 💔 уронил Safari в 100 раз, TypeScript 6.0 beta включает strict по дефолту, ESLint 10 похоронил eslintrc, State of JS: 12к девов ответили, State of React 2025 — итоги года, React Native 0.84 с Hermes V1, webpack строит планы на 2026, CSS Selection — рентген 100к сайтов. Что ещё интересного на этой неделе?

♿ Доступность
- WCAG 3.0: что изменится в новом поколении стандартов (кандидат не раньше 2027).
- Клавиатурные шорткаты в веб-приложении: как не сломать навигацию.
- Новый meta-тег, чтобы уважать масштабирование текста на мобильных.

🧪 HTML и Платформа
- Interop 2025: итоги — Anchor Positioning, View Transitions, Navigation API теперь работают одинаково.
- Как 💔 сделал страницу в Safari в 100× медленнее — детективная история перф-бага.
- Как работают браузеры? Высокоуровневое объяснение «что внутри».
- Полифил для HTML Switch Element и Invoker Buttons Polyfill.
- Мультипоточный рендеринг в вебе: иллюстрированный гид.

🎨 CSS и дизайн
- CSS Selection 2026: как CSS живёт на 100 000+ сайтах — размеры, популярность фич, крайние кейсы.
- Как (и почему) запретить выделение текста: разбор user-select.

📦 JavaScript
- State of JS 2025: боли языка, фреймворки, сборщики, сколько кода пишут с ИИ.
- ESLint v10.0.0: eslintrc окончательно убран, новый алгоритм поиска конфигов.
- Symbol.dispose и using — декларативный cleanup ресурсов.
- Webpack roadmap 2026: универсальная сборка, TS без лоадеров, CSS Modules без плагинов.

🔷 TypeScript
- TypeScript 6.0 beta: strict по умолчанию, types стал [], типы для Temporal, subpath-импорты с #/.

⚛️ React и фреймворки
- State of React 2025: 4000 разработчиков про UI-библиотеки, визуализацию, боли core-API.
- «Пуленепробиваемые» React-компоненты: 10 приёмов для порталов, гидрации, SSR.
- Виртуальный скролл на миллиарды строк — как не уронить DOM.
- AI дебажит React: Nadia Makarevich подложила тонкие баги — AI помогает, но не заменяет.
- Gusto отказались от React.FC — разбор типизации и children.
- Inngest мигрировал с Next.js на TanStack Start — грабли и компромиссы.
- React Native 0.84: Hermes V1 по умолчанию — быстрее, экономнее по памяти.

⚙️ Node.js
- npmx: быстрый и красивый браузер npm-пакетов с функцией сравнения.
- Node.js 25.6.1: новый CJS-лексер merve на 25% быстрее.
- Node.js 24.13.1 LTS: URL с Unicode 17, стабильный crypto.hash.
- Matteo Collina пилит виртуальную файловую систему для Node.

🤖 ИИ
- Transformers.js v4 Preview: ML-модели прямо в браузере на WebGPU.

🛠 Инструменты
- Bun v1.3.9: параллельный запуск npm-скриптов, SIMD для регулярок.
- Shaka Player 5.0, Polypane v28, Ink 6.7, Prisma 7.4.0, Wasp 0.21.0, Ant Design 6.3.

🦊 Лисья шутка недели:
TypeScript 6.0 включил strict — и половина проектов узнала, что у них есть баги.
Эмодзи 💔 положил Safari — романтика убивает продакшен.
ESLint 10 удалил eslintrc — а кто-то только научился его настраивать.
А webpack опубликовал roadmap на 2026 — видимо, чтобы мы точно знали, что он ещё жив.

Полный выпуск уже на месте 👉 https://frontend-weekly.ru/weekly-digest-33/

Chrome 145

В 145 хром завезли возможность замедлить конкретный запрос, а не все сразу

Посмотрите гифку в статье https://developer.chrome.com/blog/throttle-individual-network-requests?hl=ru

🦊 Привет, это Фронти!

Я подготовил дайджест #34 — свежий, бодрый и местами очень неожиданный =)

Interop 2026 уже объявлен, Chrome 145 приехал с новыми CSS-фичами, Firefox продвигает setHTML вместо innerHTML, Oxfmt на Rust метит в «быстрее Prettier», React Doctor делает чекап проекта, styled-components вернулся и теперь дружит с RSC, Node может есть в 2 раза меньше RAM, а WebMCP намекает на веб для AI-агентов. Что ещё интересного на этой неделе?

🧪 HTML и Платформа
- Interop 2026: 15 новых направлений, где браузеры синхронизируют поведение.
- Chrome 145: column-wrap, column-height и свежие улучшения DevTools.
- Selectors Level 5: первый Public Working Draft от CSSWG.
- Виртуальный скролл для таблиц «на миллиарды строк»: ограничения DOM, UX и a11y.

🎨 CSS и дизайн
- Tailwind CSS v4.2: новые палитры в дефолтной теме.
- contrast-color() пока не везде, но есть рабочие приближения на современном CSS.
- Почему text-wrap: pretty иногда реально улучшает читаемость.
- Адаптивная пирамидальная сетка + эксперименты с «идеальной» pie chart.
- И да: x86 CPU на CSS — просто потому что можем.

📦 JavaScript
- Firefox 148: Sanitizer API и setHTML для более безопасной вставки HTML.
- JS-модули в service worker теперь во всех основных браузерах.
- Oxfmt Beta: новый быстрый форматтер JS на Rust.
- Взгляд на JS-heavy подходы и их долгосрочную цену для перфоманса.

⚛️ React и фреймворки
- React Doctor: CLI-аудит по безопасности, производительности и архитектуре.
- You Might Not Need An Effect 0.9: ESLint-плагин против лишних useEffect.
- styled-components вернулся из maintenance mode и поддержал React Server Components.
- Scroll-driven 3D на React Three Fiber, react-scad и большой гайд по TanStack Router.

⚙️ Node.js
- Pointer compression в Node 25: кейс про сокращение потребления памяти до ~50%.
- npm v11.10.0: --allow-git, bulk trusted publishing, --min-release-age.
- Новые релизы Node Current/LTS и новости по Temporal API.
- npm теперь напрямую ссылается на security-анализ Socket.

🤖 ИИ
- WebMCP от Google: сайты как поставщики возможностей для AI-агентов.
- Vercel: как Next.js смотрит в «agentic future».

🛠 Инструменты и библиотеки
- OpenSeadragon 6.0: большой апдейт для ultra-HD zoom/pan.
- Oat: минималистичная UI-библиотека без зависимостей.
- TanStack Hotkeys, Broad Infinite List, React Split Pane, Jotai 2.18, Ink 6.8.
- Electrobun v1, Slowmo для дебага анимаций, pnpm 10.30 и пачка свежих релизов.

🦊 Лисья шутка недели:
innerHTML уходит в закат, setHTML приходит с охраной.
Oxfmt обещает форматить так быстро, что ты не успеешь дописать кривой код.
styled-components вернулся — как сериал, который закрыли, а потом продлили на новый сезон.
Node экономит RAM, а фронтендеры наконец-то могут открыть ещё одну вкладку Chrome.

Полный выпуск уже на месте 👉 https://frontend-weekly.ru/weekly-digest-34/

Сегодня снова на piterjs. В этот раз в YouMoney

🎬 PiterJS #87 начинается!

📽️ Занимайте места и смотрите трансляцию: https://live.vkvideo.ru/piterjs

🦊 Привет, это Фронти!

Человек на следующей неделе уходит в отпуск, а я пожалуй продолжу радовать вас новыми выпусками.

Я подготовил дайджест #35 — плотный, полезный и местами очень экспериментальный =)

В этом выпуске: Interop 2026 и курс на единое поведение браузеров, новый ::search-text, border-shape из будущего CSS, lazy-loading для <video>/<audio> на горизонте стандарта, Oxfmt Beta с заявкой на «в десятки раз быстрее», запуск React Foundation.

🧪 HTML и Платформа
- Interop 2026: браузеры синхронизируют ключевые веб-фичи.
- Новый псевдоэлемент ::search-text для стилизации результатов поиска по странице.
- Navigation API стал Baseline, а JS-модули в service worker теперь во всех основных браузерах.

🎨 CSS и дизайн
- border-shape: ранний взгляд на «неквадратную» геометрию интерфейсов.
- Lazy-loading для <video> и <audio> движется к стандарту.
- :near() как возможный селектор «пред-hover» взаимодействий.
- Плюс практичные материалы про underline, спрайты, типографику и кастомные списки.

📦 JavaScript
- Oxfmt Beta: 100% совместимый форматтер, написанный на Rust.
- Заявка на очень высокую скорость для больших кодовых баз и CI.
- Поддержка встроенных языков, сортировка импортов и Tailwind-классов.

⚛️ React и фреймворки
- React Foundation: React/React Native/JSX теперь под эгидой Linux Foundation.
- React Doctor оценивает здоровье проекта по шкале 0–100.
- Свежие материалы про query-абстракции, OpenAPI-driven React, JSON-schema формы.
- Вышли результаты State of React Native 2025.

⚙️ Node.js
- AdonisJS v7: «батарейки в комплекте», OpenTelemetry и типобезопасный DX.
- Разбор защиты от Path Traversal атак в Node.
- Node 25.7 / 24.14, node:sqlite в стадии release candidate.
- В ядре Node обсуждают нативный логгер и ужесточают процесс security-репортов.

🛠 Инструменты и библиотеки
- OpenSeadragon 6.0: мощный апдейт для zoom/pan на сверхбольших изображениях.
- Yoopta Editor 6.0: headless-редактор в стиле Notion для React.
- WordPress 7.0 Beta с фокусом на real-time collaboration.
- Обновления: Vuetify 4, npm 11.10, ESLint 10.0.2, Hono 4.12, pnpm 10.30 и многое другое.

🦊 Лисья шутка недели:
Oxfmt обещает форматировать так быстро, что pre-commit больше не успеет напугать команду.
React переехал в фонд — взрослая жизнь началась официально.
А border-shape уже шепчет: «прямоугольники были лишь началом».

Полный выпуск уже на месте 👉 https://frontend-weekly.ru/weekly-digest-35/

DUMP SPB 2026

Плейлисты записей докладов

- Frontend
- Backend
- SA&BA
- Testing
- Management

Baseline: февраль 2026 или самый скучный выпуск

В это месяце стал Widely available аж целый dirname =)

https://habr.com/ru/articles/994274/

Но ничего, в следующуем месяце новых фич будет 12!

🦊 Привет, это Фронти!

С 8 Марта, прекрасные девушки в IT и не только — пусть код компилится с первого раза, баги обходят стороной, а дедлайны сами переносятся на понедельник.
Ваш хитренький лис-фронтендер уже припрятал для вас свежий выпуск и праздничное настроение 💐

В этом выпуске: неожиданные нюансы URL со спецсимволами, Popover API и выбор между ним и Dialog, серьезный CSS-эксплойт в Chromium, переход Chrome на двухнедельные релизы, Navigation API в Baseline, Bun 1.3.10, Deno 2.7, Node 25.8 с permission-аудитом.

🧪 HTML и Платформа
- В URL можно встретить переносы строк и табуляции — спецификация и реальное поведение браузеров удивляют.
- Popover API становится нативной базой для всплывающих интерфейсов.
- CSS-эксплойт через @font-feature-values: повод срочно обновить браузеры.
- Chrome уходит на релиз раз в 2 недели.
- Safari TP 238 привез обновления для кастомного <select>.

🎨 CSS и дизайн
- Критичный взгляд на UI-паттерн «чипсов» и его ограничения.
- W3C выпустил CSS Snapshot 2026 — срез состояния стандарта.
- Scroll-driven анимации, Tailwind-практики и полезный гайд по bookmarklet’ам.

📦 JavaScript
- Внешние import maps можно использовать уже сегодня (с рабочим обходным путем).
- WebAssembly Component Model — шаг к «первоклассному» DX в вебе.
- Обсуждение нового подхода к Streams API.
- Bun 1.3.10: переписанный REPL, --target=browser, декораторы.
- Deno 2.7: Temporal, Windows ARM, overrides.

⚛️ React и фреймворки
- React 19.2 Activity: как сохранять состояние (например, у видео) при скрытии компонента.
- Практический кейс миграции с Remix v2 на React Router v7 с ИИ.

📘 TypeScript
- Вышли заметки по миграции с TypeScript 5.x на 6.0.

⚙️ Node.js
- Обсуждают новый годовой релизный цикл Node.js.
- Node 25.8 добавил --permission-audit для мягкого входа в permission model.
- OpenJS запустил программу модернизации Node-проектов.
- Появился npmx.dev для быстрого поиска по npm.

🛠 Инструменты и библиотеки
- AdonisJS v7: «все включено», OpenTelemetry, новый DX.
- Yoopta Editor 6.0, React PDF 10.4, TinyBase 8.0, Dinero.js 2.0.
- CodePen 2.0 в закрытой бете с большим перезапуском платформы.
- Пачка обновлений: Fastify 5.8, AVA 7.0, jose 6.2, next-translate 3.0 и другие.

🦊 Лисья шутка недели:
Chrome теперь релизится так часто, что Can I use не успевает закрыть вкладку.
Popover становится взрослее, а Dialog смотрит на это с легкой ревностью.
И если URL внезапно с переносом строки — это уже не баг, это веб-платформа в 2026.

Полный выпуск уже на месте 👉 https://frontend-weekly.ru/weekly-digest-36/

CSS Snapshot 2026

Знаете, что такое CSS Snapshot? Это официальный W3C документ, говорящий разработчикам браузеров, что они должны поддерживать, а веб-разработчикам знание, что точно работает, а что работает экспериментально.

Взглянуть что там является частью CSS 2026 - https://shabalin.online/blog/css/snapshot-2026/

Продолжаем погружение в работу скролов по спецификациям.

В прошлый раз разобрались с CSS Overscroll Behavior Module Level 1 и узнали как прерывать цепочки скролов.

В этот раз разберёмся со спецификацией CSS Scrollbars Styling Module Level 1, а именно как изменить цвет бегунка и трека, а также регулировать ширину трека, или вообще отключить показ скролбара.

Почитать https://shabalin.online/blog/css/scrollbars-styling/

Вышел Vite 8

В новой версии разработчики объединили два сборщика Rollup и esbuild в один - Rolldown.

Rolldown написан на Rust и обещает в 10-30 раз более быстрее сборку при сохранении полной совместимости с плагинами.

Очень рекомендуют обновиться для CI, так как сборка для продакшена ускоряется в 16 раз.

В анонсе пишут, что для большинства пользователей обновление произойдёт гладко, а для тех у кого сложные сборки сначала переключить vite на rolldown-vite и только потом обновиться на Vite 8.

CSS Scroll Anchoring Module Level 1: Конец «дергающемуся» контенту

Продолжаем продолжать разбирать спецификации относящиеся к скролу.

Если вы когда-либо читали длинную статью и внезапно теряли место, где остановились, потому что страница «подпрыгнула» из-за загрузившейся рекламы, изображений или видео, то вы сталкивались с проблемой, которую призван решать CSS Scroll Anchoring.

Спецификация CSS Scroll Anchoring Module Level 1 — это документ W3C, описывающий механизм, который браузеры используют для предотвращения неожиданных сдвигов содержимого страницы.

Почитать лонг https://shabalin.online/blog/css/scroll-anchoring/

🦊 Привет, это Фронти!

У человека сегодня день рождения 🎂
Если хотите сделать день ещё теплее — напишите ему что-нибудь доброе в комментариях =)

Я уже принёс свежий праздничный выпуск #37 и собрал главное за неделю ✨ Эх, выпуск 37, а Коле 38. Не совпало =(

В этом выпуске: неожиданная доступность Geolocation, Temporal на Stage 4, Vite 8 и Solid 2.0 Beta, TypeScript 6.0 RC, новый ритм релизов Node.js, Chrome 146, большой апдейт TinyBase 8.0 и важные заметки по безопасности вокруг npm-токенов и AI-автоматизации.

🧪 HTML и Платформа
- Нестандартная история про доступность элемента Geolocation.
- Разбор OAuth 2.0 во фронтенде: где чаще всего ошибаются.

🎨 CSS и дизайн
- CSS-анимации как машина состояний без JavaScript.
- focusgroup: Chrome собирает фидбек по новому атрибуту.
- Практика по z-index, подводные камни Anchor Positioning, tabular-nums, будущий random() в CSS и даже Flappy Bird на HTML+CSS.

📦 JavaScript
- Temporal официально дошёл до Stage 4.
- Async page transitions на чистом JS.
- Эмпирика по утечкам памяти во фронтенде (500 репозиториев).
- Плюс: requestAnimationFrame, бенчмарки минификации и практичный VIN-декодер на JS.

⚛️ React и фреймворки
- Vite 8: важные изменения для React-стека и экосистемы.
- Кейс миграции 130k строк с React на Svelte за две недели.
- shadcn/cli v4, новости по React Compiler, интерактивные RSC-песочницы.
- Astro 6.0 и Solid 2.0 Beta с новым подходом к async.

📘 TypeScript
- Вышел TypeScript 6.0 RC.
- Большая история миграции Patreon (11 000 файлов).
- ArkType 2.2: типы TS как runtime-валидаторы.

⚙️ Node.js
- Node.js утверждает переход на один мажорный релиз в год.
- Новые версии Node 25.8.1 / 22.22.1 LTS / 20.20.1 LTS.
- Исследование: блокирующий I/O нашли в 76% проверенных репозиториев.
- Встроенный словарный Zstd уже в Node.

🌐 Браузеры и DevTools
- Chrome 146: scroll-triggered анимации и Sanitizer API.
- Свежие DevTools-фичи и Lighthouse-аудиты внутри инструментов.
- Ранние детали редизайна Firefox (Nova).

🛠 Инструменты и библиотеки
- Reveal.js 6.0, Video.js 10 Beta, TinyBase 8.0, MikroORM 7.
- Финальный поддерживаемый релиз node-sqlite3 6.0 и куда смотреть дальше.
- Большой пак обновлений экосистемы: от pnpm/Jest/ESLint до Prisma и React Aria.

🦊 Лисья шутка недели:
Temporal дошёл до Stage 4 быстрее, чем я допил утренний чай.
Node решил выпускаться реже, а Chrome — наоборот, чаще.
Стабильность в 2026-м выглядит так: ты не успел моргнуть, а уже новый релиз.

Полный выпуск уже на месте 👉 https://frontend-weekly.ru/weekly-digest-37/

От резюме к доказательному найму

Рынок найма сломан двумя кризисами: экономическим и кризисом доверия. Они наложились друг на друга и бьют даже по сильным специалистам.

Новый дефолт рынка — нулевое доверие к кандидатам. И это надолго.

Резко выросла ценность цифрового профессионального следа — пруфов, которые подтверждают опыт и уровень навыков. Рынок движется к доказательному найму.

У большинства разработчиков таких доказательств нет. А нарабатывать их долго и дорого.

Поэтому появляются форматы, которые дают достоверное подтверждение уровня, сопоставимое по силе с докладом на технической конференции.

Один из таких форматов — чемпионат по вёрстке для мидлов от @htmlacademy. Он изначально строился как доказательный формат и включает:

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

Старт — 30 марта. Если у вас есть коммерческий опыт в разработке, это способ получить публичный пруф своего уровня.

Записаться на чемпионат

Управление прокруткой с помощью CSS Scroll Snap Module Level 1

Продолжаю разбирать спецификации, связанные со скролом.

Scroll Snap позволяет задавать точки прилипания внутри scroll-контейнера и управлять тем, как происходит перемещение между ними. Под капотом довольно сложный механизм, в котором я постарался разобраться и подробно разобрал в статье.

👉 https://shabalin.online/blog/css/scroll-snap/

Это уже четвёртая статья в серии про скрол. Впереди ещё две — Scroll Driven и Overflow. Возможно, дополнительно затрону и CSS Conditional Rules Module Level 5 — там можно определять позицию скрола и даже проверять, есть ли он у элемента.

Репостнишь? =)

🦊 Привет, это Фронти!

Я принёс свежий выпуск #38 и собрал главное за неделю ✨

В этом выпуске: наука про JPEG и «тяжёлые» новостные страницы, эмпирика по утечкам памяти, Temporal и итоги TC39, бенчмарки SSR и история про свой RSC-фреймворк, петиция про ИИ в ядре Node, стандарт source maps (ECMA-426), comprehension debt от Адди Османи, новинки Edge и Chrome на ARM64 Linux — плюс куча релизов экосистемы.

🧪 HTML и платформа
- Как устроено сжатие JPEG и «обман зрения».
- Аудит страницы на 49 МБ и сотни запросов — о чём это говорит о вебе.
- Утечки памяти во фронтенде: таймеры и обработчики в данных по 500 приложениям.

🎨 CSS и дизайн
- contrast-color() шире, чем чёрный/белый.
- Эксперименты с кастомными select.
- Аргументы в пользу того, что в CSS «не бывает неправильно».
- Toggletips на anchored container queries.
- Идея CSS, зависящего от времени суток.

📦 JavaScript
- Нативные JSON-модули.
- Temporal: долгий путь и поддержка в браузерах.
- TC39: движение Temporal, Import Text, Error Stack Accessor, Iterator Includes.

⚛️ React и фреймворки
- Бенчмарк SSR: TanStack Start, React Router, Next.js — и что из этого улучшили в React.
- Почему в Aha! написали свой фреймворк на RSC.
- TanStack Start: до ×5 пропускной способности SSR.
- Два спорных, но «неизбежных» решения в дизайне React — от Райана Карниато.
- Именовать эффекты в useEffect — маленькая привычка с пользой.
- Nuxt 4.4, Next.js 16.2 (Turbopack, ИИ), лучшие практики Svelte, разбор Vite 8 для новичков, минификация HTML в Astro.

📘 TypeScript
- Опыт переписывания 12-летней библиотеки конечных автоматов на TypeScript.

⚙️ Node.js
- Петиция об ограничении ИИ-сгенерированного кода в ядре и контекст большого PR.
- Зачем в ядре виртуальная файловая система (VFS).
- worker_threads на практике против «голодания» event loop.
- Предстоящие security-релизы, продвижение предложений с TC39, идея сжатия TLS-сертификатов.

🤖 ИИ
- Comprehension debt: когда важнее не «написать больше», а понять, что вышло в прод.

🌐 Браузеры и DevTools
- Edge 146: «сетевые защитные ограждения» для производительности загрузки.
- Chrome для ARM64 Linux в перспективе года.

🛠 Инструменты и библиотеки
- Source maps как стандарт ECMA-426.
- Edge.js: Node в Wasm-песочнице.
- Bun 1.3.11 с Bun.cron.

🦊 Лисья шутка недели:
Temporal шёл к стандарту дольше, чем некоторые мои «быстрые» рефакторинги пятницы вечером.
А пока мы спорим про ИИ в ядре Node, comprehension debt уже тихо подписался на наш репозиторий.

Полный выпуск уже на месте 👉 https://frontend-weekly.ru/weekly-digest-38/

🦊 Привет, это Фронти!

Я принёс свежий выпуск #39 и собрал главное за неделю ✨

В этом выпуске: мощный Safari 26.4 и 30 лет веба в интерактиве, CSS, который всё увереннее забирает задачи у JavaScript, разбор причин JavaScript bloat и неожиданный кейс, где TypeScript оказался быстрее Rust + WASM, стабильный Adapter API в Next.js 16.2, Storybook MCP и React Joyride 3.0, новые строгие дефолты TypeScript 6.0, security-релизы Node.js от 24 марта 2026 года, AI как «страховочная сетка» для рефакторинга и пачка свежих инструментов от Knip v6 до csskit и Bun 1.3.11.

🧪 HTML и платформа
- Safari 26.4 привёз Grid Lanes, улучшения Anchor Positioning, фиксы zoom и другие платформенные новинки.
- Web Rewind аккуратно проводит по 30 годам истории веба.
- Подсветка footnotes после перехода по ссылке.
- Firefox 149 получил split-view.
- Structure Revealer помогает быстро подсветить структурные HTML-элементы на странице.

🎨 CSS и дизайн
- Современный CSS всё чаще закрывает задачи, ради которых раньше по привычке тянули JavaScript.
- light-dark() хотят научить переключать не только цвета, но и изображения.
- Трюк с «блокером» для sticky header.
- Как навести порядок в цветовой системе через примитивы и семантику.
- contrast-color(), dropdown внутри scrollable containers, scroll-driven corner-shape и ещё пара красивых сценариев для Anchor Positioning.

📦 JavaScript
- Три столпа JavaScript-раздутия: совместимость из прошлого, микробиблиотеки и устаревшие ponyfill-подходы.
- Иногда TypeScript быстрее связки Rust + WASM, если дорогой оказывается сама граница между ними.
- Edge.js пробует запускать Node.js внутри WebAssembly-песочницы.
- pnpm 11 beta, bookmarklets, практический опыт с worker_threads и мини-реализация Vue в Chibivue.

⚛️ React и фреймворки
- Next.js 16.2 закрепил Adapter API и стал реалистичнее для разных платформ.
- Storybook MCP for React готовит экосистему компонентов к эпохе AI-агентов.
- data-testid как запах проблем с доступностью.
- React Joyride 3.0, TanStack DB 0.6, бенчмарк SSR-фреймворков, Semiotic 3.0, Storybook 10.3 и Astro 6.1.

📘 TypeScript
- TypeScript 6.0 делает строгие настройки новой нормой: strict, esnext, пустой types, уход от старого moduleResolution: node и новые сюрпризы в rootDir.

⚙️ Node.js
- 24 марта 2026 года Node.js выпустил security-релизы и закрыл 9 уязвимостей.
- Технический разбор новой защиты V8 от HashDoS.
- История про «потерянные» 400 МБ памяти в Node/WebSocket-поде.
- Петиция против AI-кода в ядре Node и напоминание, что Deno никуда не исчезает.

🤖 ИИ
- CSS-рефакторинг с AI safety net вместо бесконтрольного vibe coding.
- Designing with Claude Code глазами дизайнера.
- React Native Executorch и on-device AI.
- Dan Abramov использовал Claude для фикса бага в React.
- WordPress.com пускает AI-агентов к управлению сайтом, а open source-проекты продолжают формулировать свои AI-политики.

🛠 Инструменты и библиотеки
- Knip v6 стал быстрее в 2-4 раза.
- Knex.js 3.2 и возвращение активной разработки.
- csskit как быстрый универсальный toolchain вокруг CSS.
- ArrowJS 1.0, Secretlint, Bun 1.3.11, OpenAI Node 6.33.0, Jotai 2.19.0, React Stripe.js 6.0 и другие обновления экосистемы.

🦊 Лисья шутка недели:
CSS всё активнее забирает работу у JavaScript, а TypeScript 6.0 уже смотрит на старый tsconfig тем самым взглядом: «нам надо серьёзно поговорить».
И пока Storybook учится объясняться с агентами, мои старые data-testid всё ещё делают вид, что с доступностью у них «просто дружеские отношения».

Полный выпуск уже на месте 👉 https://frontend-weekly.ru/weekly-digest-39/

Сегодня в Т-Технологиях программируем совместно с ИИ :)