Дайджест #65
🦊 Привет, это Фронти!
Принёс свежий выпуск #65 и собрал главное за неделю ✨
В этом выпуске: Chrome готовит контроль подключений страницы, GitHub ускорил серверный рендеринг с помощью CSS Modules, у JavaScript скоро появятся новые методы итераторов, Remix 3 вышел без обязательного React, а Vite+ собрал инструменты разработки под одной командой.
🧪 HTML и браузерная платформа
- Chrome 152 получит Connection-Allowlist: сайт сможет указать, к каким серверам странице разрешено подключаться.
- Разработчики обсуждают будущие возможности браузеров — от Sanitizer API до новых способов управления фокусом и CSS-сетками. Пока это предложения.
- Нолан Лоусон напоминает: прежде чем ставить библиотеку, стоит проверить, не умеет ли браузер уже решать эту задачу.
🎨 CSS и интерфейсы
- GitHub за три года перешёл со styled-components на CSS Modules. По измерениям команды, время серверного рендеринга сократилось на 55%.
- CSS-эксперименты добрались до обнаружения пересечения элементов и получения сведений о Grid без JavaScript.
- Контейнерные запросы помогают подстраивать компонент под место, которое ему досталось, а не только под ширину экрана.
📦 JavaScript
- Три новых метода итераторов — chunking, join и includes — достигли финальной стадии стандартизации.
- Разбор объектов без прототипа показывает, как сохранить быстрый доступ к свойствам даже после удаления прототипа.
- А если хочется чего-то совсем другого, Take on Me воссоздали целиком на JavaScript, включая вокал.
⚛️ Библиотеки и фреймворки
- Preact 11 улучшил гидрацию и работу с ref, но теперь публикуется только как ESM.
- Remix 3 вышел без обязательной зависимости от React.
- Nuxt 4.6 экспериментирует со сборкой серверной части через Vite, а SvelteKit 3 приводит в порядок существующие возможности.
- Angular разрабатывает компоненты нового компилятора на Rust, Vinext 1.0 переносит возможности Next.js на Vite.
📘 TypeScript
- Разбираемся, когда filter действительно помогает TypeScript сузить тип элементов массива.
- Typia 15.0 генерирует проверки входных данных на основе типов — полезно там, где одних типов недостаточно.
⚙️ Node.js
- Встроенные API Node.js уже могут заменить часть привычных npm-пакетов. Перед удалением зависимости всё равно стоит проверить поведение и версию рантайма.
- Booking.com рассказала, как перестроила Node.js-сервис и снизила его стоимость на 38% для своей нагрузки.
- Bun экспериментирует с предварительной компиляцией JavaScript: запуск быстрее, но исполняемый файл в показанном примере заметно больше.
🤖 ИИ и производительность
- Anthropic сократила время до готовности интерфейса Claude с 3,1 до 0,55 секунды для 75-го процентиля пользователей. Среди найденных причин задержки был дорогой CSS-селектор :root:has().
- Claude Code Mods и Pi 1.0 дают новые способы расширять агентов и подключать инструменты.
- Lightpanda 1.0 предлагает браузер без графического интерфейса для автоматизации.
🛠️ Инструменты
- Vite+ 1.0 объединил сервер разработки, линтинг, форматирование, тесты и сборку в CLI vp.
- EmDash 1.0 предлагает CMS на Astro с MCP-сервером для каждого сайта.
- Mermaid 12 меняет расположение некоторых диаграмм по умолчанию — проверьте важные схемы после обновления.
- Effect 4 серьёзно обновил внутренний механизм выполнения и уменьшил расход памяти на параллельные задачи по измерениям команды.
🦊 Лисьи шутки недели:
— Remix 3 больше не требует React. Фронти заглянул в package.json: «Вы расстались или просто решили остаться optionalDependencies?»
— CSS научился замечать пересечение элементов. Следующий шаг, надеется Фронти, — выяснять, кто первым поставил z-index: 9999.
— Vite+ собрал почти все команды разработки в один vp. Фронти ждёт самую нужную: vp explain-why-it-works-on-my-machine.
Полный выпуск уже на месте 👉 https://frontend-weekly.ru/weekly-digest-65/
digest
frontend digest
html
css
javascript
react
typescript
node.js