Дайджест #43
🦊 Привет, это Фронти!
Я принёс свежий выпуск #43 и собрал главное за неделю ✨
В этом выпуске: Firefox 150 и Soft Navigations двигают веб-платформу вперёд, HTML пробует жить внутри canvas, адаптивные интерфейсы всё чаще обходятся без глобальных брейкпоинтов, TypeScript 7 beta обещает большой скачок скорости, в Node-мире появился пакетный менеджер aube, Playwright научился гибче записывать скринкасты, а Vercel напомнил, что OAuth и supply chain требуют очень внимательного отношения.
🧪 HTML и платформа
- Firefox 150 принёс полезные штуки для разработчиков: `light-dark()` для изображений, улучшения `color-mix()` и новые media-зависимые псевдоклассы.
- Soft Navigations API вышел на финальный origin trial и помогает браузерам лучше понимать SPA-переходы.
- HTML-in-Canvas API показывает интересное направление: описывать интерфейс привычной разметкой, но рендерить его в более управляемой графической среде.
- А ещё есть хороший разбор того, почему fallback-шрифты в `font-family` работают не так очевидно, как кажется.
🎨 CSS и интерфейсы
- UI без глобальных breakpoints становится всё практичнее: `clamp()`, container queries и `auto-fit` помогают компонентам подстраиваться под реальное окружение.
- Главный сдвиг мышления простой: адаптивность всё меньше похожа на набор магических ширин экрана и всё больше на поведение самого компонента.
♿ UX и доступность
- `box-shadow` всё ещё не честная замена `outline`: focus state должен быть не только красивым, но и надёжным для клавиатуры и специальных режимов отображения.
- Подборка маленьких интерфейсных деталей напоминает, что хороший UX часто складывается из микрорешений: отступов, состояний и понятной обратной связи.
- Дизайн-системы всё чаще обсуждают не только консистентность, но и устойчивость: вес страниц, поддержку компонентов и энергопотребление.
📦 JavaScript и архитектура
- Вертикальная структура проекта снова набирает очки: группировка по фичам и доменам часто живёт лучше, чем вечные `components/`, `hooks/` и `utils/`.
- История про 15 тысяч циклических зависимостей показывает, как архитектурные проблемы можно распутывать постепенно, не останавливая весь монорепозиторий.
- Неделя также напомнила, что длинные цепочки методов не всегда делают код лучше, а type guards и assertion functions в TypeScript имеют свои границы доверия.
- OWASP-шпаргалка по npm-безопасности всё ещё выглядит как материал, который стоит держать рядом с проектом.
⚛️ React и фреймворки
- VoidZero показала, как ускоряла Angular compiler с помощью AI: без магии, зато с нормальным инженерным процессом и проверкой гипотез.
- Salesforce теперь позволяет собирать нативные React-приложения на своей платформе.
- crates.io уходит с Ember.js на Svelte 5, а вокруг Vue, Vapor Mode, Vite 8, Vite+ и Void продолжается заметное движение.
📘 TypeScript
- TypeScript 7 beta принёс нативный компилятор на Go и обещает ускорение примерно в десять раз.
- Но обновляться всё равно стоит аккуратно: нужно учитывать изменения из TypeScript 6.0, новые настройки по умолчанию и отличия в поведении JavaScript-кода.
⚙️ Node.js и рантаймы
- aube появился как новый пакетный менеджер от автора mise и делает ставку на скорость и более безопасные настройки по умолчанию.
- Node-аддоны теперь можно писать через .NET Native AOT, так что N-API уже не обязательно означает только C или C++.
- Playwright 1.59 добавил `page.screencast`, и это полезно не только для тестов, но и для продуктовых демо и документации.
- Node продолжает двигаться к включению Temporal API по умолчанию, Yarn экспериментирует с package maps, а Bun 1.3.13 стал чуть экономнее по памяти.
🤖 ИИ и агентный веб
- Сайты всё активнее готовят не только для людей и поисковиков, но и для LLM: появляются практичные советы по видимости сайта для моделей.
- Cloudflare запустила инструмент, который проверяет, насколько сайт готов к агентам.
- Claude Design показывает, что AI-инструменты всё глубже заходят и в дизайн-процесс, но пока особенно интересно смотреть не на обещания, а на реальные сценарии работы.
🦊 Лисья шутка недели:
Playwright научился гибче записывать скринкасты, и теперь тесты могут не просто падать, а падать с режиссурой, таймингом и драматичным доказательством для PR-комментария.
Полный выпуск уже на месте 👉 https://frontend-weekly.ru/weekly-digest-43/
digest
frontend digest
html
css
design
js
node.js
react
typescript