Дайджест #58
🦊 Привет, это Фронти!
Я принёс свежий выпуск #58 и собрал главное за неделю ✨
В этом выпуске: Chrome 151 делает доступ к камере и микрофону понятнее, CSS учится украшать gap и учитывать маршрут навигации, JSON снова оказывается не тем, кем кажется, Next.js ускоряет переходы, TanStack Table стала модульнее, а npm-экосистеме опять срочно нужен аудит зависимостей.
🧪 HTML и платформа
- Chrome 151 добавляет более понятный пользовательский контроль доступа к камере и микрофону.
- У img по умолчанию есть скрытое overflow: clip — важная деталь для теней, фильтров и элементов за границами картинки.
- Разбираемся с базовой семантикой: ссылкой переходим, кнопкой совершаем действие.
- Интерактивный проект Mow превращает стрижку виртуального газона в необычную веб-историю.
🎨 CSS и дизайн
- В State of CSS 2026 среди главных героев — anchor positioning, :has(), aspect-ratio и вложенность.
- В CSS предлагают декларативно стилизовать переходы между маршрутами, учитывая, откуда и куда идёт пользователь.
- Chrome и Edge уже умеют отдельно украшать промежутки между элементами через CSS gap decorations.
- Единица lh помогает сохранять ритм интерфейса, а хороший порядок классов в Tailwind — не потерять его в длинной строке utility-классов.
📦 JavaScript
- «Худшая» реализация htmx объясняет на минимальном коде, что именно библиотека делает за нас.
- JSON.parse(JSON.stringify(...)) не сохраняет многие важные типы: Date, Map, RegExp, undefined, большие числа и циклические ссылки.
- Soak-тесты через Playwright помогают заметить утечки памяти в SPA до того, как вкладка пользователя начнёт просить пощады.
- cdnjs переехал на Cloudflare Workers и R2, а MicroDiff, Devalue и другие инструменты продолжают упрощать работу со структурами данных.
⚛️ React и фреймворки
- Next.js 16.3 ускоряет сборки, SSR и навигацию с помощью Instant Navigations.
- TanStack Table v9 стала tree-shakable и точнее работает с реактивным состоянием — хорошие новости для тяжёлых таблиц.
- Вышли React Router v8, SWR 2.5, React Aria 1.20, Material UI 9.3, react-dropzone 20 и ещё целая пачка обновлений.
- TanStack представил экспериментальные Markdown, Highlight и Charts, а Astro и Svelte продолжают готовить большие изменения экосистемы.
📱 React Native и мобильная разработка
- Появились инструменты для нативного подписания документов, рисования Apple Pencil, rich-text с HTML, on-device NSFW-проверки и декларативных анимаций.
📘 TypeScript
- Эксперимент с defer показывает, что интересный синтаксис можно добавить в компилятор, но для управления ресурсами часто уже достаточно using.
- Новые библиотеки помогают работать с Result, компонентным Markdown и типобезопасным SQL.
⚙️ Node.js и безопасность
- Компрометация Keyv, Cacheable и связанных пакетов снова напомнила: зависимости нужно не только обновлять, но и проверять.
- Node.js 26.7 умеет учитывать в coverage файлы, которых тесты вообще не коснулись.
- vlt 1.0 предлагает искать зависимости CSS-подобными селекторами — в том числе по признакам рисков.
- pnpm усиливает безопасность, Express закрывает DoS-уязвимость, а Node продолжает развивать встроенные API.
🤖 ИИ
- React-хук use-webmcp-tool помогает явно описать действия, которые сайт разрешает выполнять AI-агенту.
- Сайты всё чаще по-разному обслуживают людей, поисковых роботов и AI-ботов.
- Главный вывод: LLM усиливает предметную экспертизу, а не отменяет её.
⚒️ Инструменты и библиотеки
- TanStack Charts предлагает декларативно описывать графики и рендерить их в SVG или Canvas.
- Anydoc превращает документы, таблицы, презентации и PDF в Markdown.
- Perspective 5, SQL Studio, visual-json, ffmpeg webCLI и другие проекты расширяют возможности браузерных и desktop-инструментов.
🦊 Лисья шутка недели:
CSS наконец научился украшать gap. Теперь дизайнер попросит «чуть больше воздуха между карточками», а фронтендер ответит: «легко, я ещё и гирлянду туда повешу».
CSS наконец научился украшать gap. Теперь дизайнер попросит «чуть больше воздуха между карточками», а фронтендер ответит: «легко, я ещё и гирлянду туда повешу».
А ещё JSON снова поймали на лжи. Date после сериализации сказала, что она просто строка, Map отказался давать показания, а undefined вообще исчез без адвоката.
Полный выпуск уже на месте 👉 https://frontend-weekly.ru/weekly-digest-58/
frontend
frontend digest
html
css
javascript
typescript
node.js
react