Последний в 2025 еженедельный дайджест #30: Новости фронтенда

🧪 HTML и Платформа

Стандартные стили для заголовков <h1> меняются

Браузеры обновили пользовательские стили (user agent styles) для заголовков h1, особенно вложенных в секции. Это влияет на отображение заголовков по умолчанию и может потребовать корректировки в ваших проектах.
Читать статью

Элемент <select> теперь можно стилизовать через CSS

Благодаря новому значению appearance: base-select появилась стандартизированная и доступная возможность кастомизации выпадающих списков без JavaScript. Это долгожданное улучшение, которое сохраняет совместимость со старыми браузерами.
Читать статью

• Крутые нативные HTML-элементы, которые вы уже должны использовать — обзор полезных, но редко применяемых тегов: <kbd>, <datalist>, <progress> и других.
• Дружелюбное введение в SVG — базовое руководство по работе с масштабируемой векторной графикой прямо в HTML.
• Вы больше не фронтенд-разработчик, пока не… — с юмором перечислены типичные ситуации, с которыми сталкивается каждый фронтендер.
• Хлебные крошки «умерли» в веб-дизайне — мнение о том, что этот элемент навигации больше не актуален в современных интерфейсах.

🎨 CSS и дизайн

Шесть CSS-сниппетов, которые должен знать каждый фронтенд-разработчик

Автор делится полезными фрагментами CSS-кода, которые работают надёжно и используют принцип прогрессивного улучшения. Эти примеры помогут упростить часто встречающиеся задачи, такие как выравнивание, адаптация и работа с пространством.
Читать статью

Что нужно знать о современном CSS

Обзор новых возможностей CSS: атрибут popover, функция if(), свойство field-sizing и другие. Автор объясняет, какие функции уже поддерживаются в браузерах и как их использовать уже сегодня.
Читать статью

Контроль отступов над и под текстом с помощью text-box-trim

Новое CSS-свойство text-box-trim позволяет точно управлять лишним пространством над и под текстом, что особенно полезно при верстке интерфейсов с плотной типографикой.
Читать статью

Анимации, привязанные к прокрутке, на чистом CSS

Рассказывается, как создавать эффекты, зависящие от позиции прокрутки, прямо в CSS — например, прогресс-бары или плавное появление элементов при скролле.
Читать статью

• 25 новых и крутых возможностей CSS — энергичный обзор свежих фич: кастомные скроллбары, математические функции, анимации по скроллу и другое.
• Демонстрация функции if() и reading-flow — простой пример, как использовать условную логику внутри CSS.
• Что такое CSS-селектор «сова» (* + *) — объяснение популярного, но малоизвестного селектора и его альтернатив.
• Подуровни в CSS Grid — Subgrid — как использовать subgrid для создания сложных, но семантически чистых макетов.
• Item Flow — единая концепция верстки от Jen Simmons — взгляд на будущее CSS-макетов, объединяющий флексбокс, грид и другие подходы.

📦 JavaScript

Битва бандлеров: скорость уже не главное

Современные JavaScript-бандлеры перестали соревноваться в скорости — теперь ключевой фактор — это размер итогового кода, который попадает в браузер пользователя. Авторка рассказывает, какие инструменты лидируют и почему это важно для реальных проектов.
Читать статью

Порт HTML5-парсера из Python в JavaScript за 4,5 часа с помощью ИИ

Саймон Уиллисон перенёс полноценный HTML5-парсер из Python в JavaScript всего за несколько часов, используя GPT-5.2 и Codex CLI. Получившийся код прошёл все 9200+ официальных тестов. Это яркий пример того, как ИИ может ускорить сложные задачи.
Попробовать парсер | GitHub-репозиторий

• Загадка синтаксиса JavaScript, над которой ломали голову тысячи разработчиков — миниатюрный, но коварный фрагмент кода из 14 байт стал главной вирусной загадкой года.
  Разбор головоломки
• Что нового в ECMAScript 2025? — официальная спецификация утверждена, и доктор Аксель Рашмайер подробно объясняет все ключевые изменения.
  Обзор изменений
• Полезные возможности JavaScript, о которых стоит знать в 2025 году — краткий обзор современных фич: structuredClone(), итераторы с вспомогательными методами, операции над множествами и другое.
  Статья на тему
• Пора переходить на ESM-только — автор объясняет, почему больше не стоит поддерживать CommonJS в новых пакетах и как это упрощает разработку и сборку.
  Аргументы за ESM
• Как управлять package.json, чтобы не тонуть в зависимостях — практические советы по «гигиене зависимостей»: как чистить, обновлять и не ломать проект.
  Руководство
• 30 лет JavaScript! — в декабре 2025 года исполняется 30 лет с момента создания самого популярного языка веба.
  Исторический материал
• Как V8 ускорил JSON.stringify более чем в два раза: Команда V8 переписала алгоритм сериализации, и теперь JSON.stringify работает значительно быстрее (начиная с V8 13.8, что соответствует Node.js 25).
  Подробнее: How V8 Made JSON.stringify More Than Twice as Fast

TypeScript

• TypeScript 5.8: Добавлена поддержка require() для ES-модулей при использовании флага --module nodenext, а также опция --erasableSyntaxOnly, которая помогает генерировать код, совместимый с системой удаления типов в Node.js 22.6+.
  Подробнее: TypeScript 5.8 release
• TypeScript 5.9: Осенью вышла ещё одна значительная версия, улучшающая интеграцию с современными средами выполнения и Node.js.
  Подробнее: TypeScript 5.9 release
• TypeScript стал самым популярным языком на GitHub — официальная статистика платформы подтвердила, что TS сейчас используется чаще всех остальных языков.
  Анонс от GitHub
• Microsoft работает над TypeScript 7.0 — в декабре появились первые подробности о грядущей версии. Ожидается улучшение производительности и новые возможности для метапрограммирования.
  Обновление от Microsoft

⚛️ React и фреймворки

Уязвимости в React Server Components

Официальный блог React сообщил ещё о двух уязвимостях в React Server Components. Хотя они менее опасны, чем знаменитая уязвимость React2Shell, они всё равно могут привести к отказу в обслуживании (DoS) или утечке кода. Рекомендуется обновиться до React 19.0.3, 19.1.4 или 19.2.3, а также установить последние обновления Next.js. Подробнее

Визуальное объяснение концепций React

Команда, стоящая за популярным курсом по React, выпустила наглядное руководство по ключевым возможностям React 19, включая действия (actions), переходы (transitions) и серверные компоненты (Server Components). Это особенно полезно для новичков, которые хотят «увидеть», как всё работает. Смотреть объяснение

«Невозможные» компоненты: как соединить клиент и сервер

Дэн Абрамов написал популярную статью о компонентах, которые одновременно требуют и серверной, и клиентской логики — так называемые «невозможные» компоненты. Он объясняет, как React Server Components помогают устранить этот разрыв и упростить архитектуру. Читать статью

• RSC Explorer — инструмент для изучения React Server Components — Дэн Абрамов представил визуальный инструмент, который помогает понять, как именно работают серверные компоненты под капотом.
  Попробовать RSC Explorer
• React Foundation — новый этап развития фреймворка — React официально переходит от прямой зависимости от Meta к независимому управлению через новую организацию.
  Анонс
• React Libraries for 2025 — Ежегодный обзор от Робина Вируха с рекомендациями по библиотекам на 2025 год: от создания проектов до управления состоянием, формами и аутентификацией.
• Как начать проект на React в 2025 — Подробный разбор актуальных способов запуска React-приложений, особенно после ухода Create React App с пьедестала.
• Можно ли заменить Redux и Zustand на localStorage? — Надя Макаревич исследует, когда простое использование localStorage достаточно, а когда стоит применять полноценные решения для управления состоянием.
• Управление состоянием в React в 2025 — Обзор разных подходов и рекомендация автора в пользу Zustand как простого и эффективного инструмента.
• Next.js против TanStack — Размышления разработчика, который перешёл от Next.js к инструментам из экосистемы TanStack (включая TanStack Start и Vite), и почему это могло бы стать трендом.
• React Scan: инструмент для поиска проблем с производительностью — Простой JavaScript-инструмент, который можно подключить к вашему приложению и быстро выявить «тормозящие» рендеры без сложной настройки.

---

• Производительность React Server Components — Введение в тему производительности RSC от Нади Макаревич, опубликованное в ежегодном Web Performance Calendar.

---

• 🎥 Figma MCP против Claude: кто быстрее превратит дизайн в код? — Джек Херрингтон сравнивает два подхода: использовать MCP-сервер Figma или дать ИИ (Claude) реализовать UI по скриншоту.
• 🎥 Create React App официально «умер» — Обзор последствий прекращения поддержки Create React App и альтернативных решений.
• 🎥 Что должен знать каждый React-разработчик о сигналах — Райан Карниато (создатель SolidJS) объясняет, как работают реактивные «сигналы» и чем они отличаются от подхода React.
• 🎥 Реакт-собеседование: три разработчика решают одну задачу — Кент Доддс, Пиюш Агравал и Джек Херрингтон вместе реализуют форму с валидацией, как на техническом собеседовании.
• 🎥 Как ускорить медленное React-приложение с React Scan — Джек Херрингтон за 8 минут показывает, как с помощью React Scan найти и устранить бутылочные горлышки в производительности.

⚙️ Node.js

Node.js v24.12.0 (LTS) — официальная поддержка TypeScript «из коробки»

В выпуске Node.js v24.12.0 (активной LTS-ветке) впервые официально стабилизирована возможность запускать TypeScript напрямую, без предварительной компиляции. Это стало возможным благодаря встроенной функции «type stripping» — удалению типов из .ts-файлов на лету. Теперь разработчики могут использовать TypeScript почти как обычный JavaScript.
Подробнее: Node.js v24.12.0 (LTS) Released

• Безопасность: Релизы с исправлениями уязвимостей, запланированные на 15 декабря, были перенесы на 18 декабря. Ожидаются обновления для версий 25.x, 24.x, 22.x и 20.x.
  Подробнее: Security releases postponed to December 18
• Mongoose 9.0: Вышла новая мажорная версия библиотеки объектного моделирования для MongoDB. Обновление включает улучшения производительности, новые API и поддержку свежих возможностей MongoDB.
  Подробнее: Что нового в Mongoose 9.0
• pnpm 10.26: Менеджер пакетов ужесточил настройки безопасности: теперь по умолчанию запрещены автоматические сборки для зависимостей из Git, добавлен контроль над разрешением запуска скриптов (allowBuilds) и возможность блокировать «экзотические» транзитивные зависимости.
  Подробнее: pnpm 10.26 changelog
• Deno 2.6: В этом релизе появился новый CLI-инструмент dx (аналог npx), позволяющий запускать бинарники из npm и JSR. Также добавлена команда deno audit для анализа уязвимостей в зависимостях и улучшена совместимость с Node.js.
  Подробнее: Deno 2.6 release notes бнее: How V8 Made JSON.stringify More Than Twice as Fast
• Современные паттерны Node.js в 2025 году: Обзор актуальных подходов: ES-модули, встроенные Web API, нативный тест-раннер, режим --watch, модель разрешений, import maps и другие возможности, которые позволяют писать чище и современнее.
  Подробнее: Modern Node.js Patterns for 2025
• 15 новых возможностей Node.js, заменяющих популярные npm-пакеты: Топовая статья года — здесь показано, как избавиться от лишних зависимостей, используя встроенные средства Node.js (например, fetch, WebSocket, test runner, dotenv и др.).
  Подробнее: 15 Recent Node Features that Replace Popular npm Packages
• Современное руководство по работе с файлами в Node.js: Подробное объяснение всех способов чтения и записи файлов: от fs.promises и fs.readFile до потоков и fs.watch. Полезно даже опытным разработчикам.
  Подробнее: A Modern Guide to Reading and Writing Files in Node
• Лучшие практики тестирования в Node.js: Подробное руководство от практиков: как писать надёжные, читаемые и поддерживаемые тесты с использованием встроенного тест-раннера и других инструментов.
  Подробнее: Node.js Testing Best Practices
• Слабые ссылки в JavaScript: WeakMap и WeakRef: Объяснение, зачем нужны слабые ссылки, как они помогают избежать утечек памяти и создавать более гибкие архитектуры.
  Подробнее: Subverting Control with Weak References
• JavaScript-рантаймы за последнее десятилетие: Путеводитель по разнообразию сред выполнения JavaScript: от Node.js и Deno до Bun, Cloudflare Workers, QuickJS и экзотических решений.
  Подробнее: The Many, Many, Many JavaScript Runtimes of the Last Decade