Еженедельный дайджест #2: Новости фронтенда

09 июня 2025 г.

Как читать этот дайджест

Начните с заголовков статей, чтобы получить общее представление о содержании
Быстро пробегитесь по первым абзацам, чтобы понять актуальность материалов именно для вас
Выберите наиболее интересные или полезные темы под текущие задачи
Планируйте чтение: выделите, например, 15 минут утром и 15 минут вечером
Не пытайтесь прочитать всё сразу — возвращайтесь к дайджесту в удобное время
При повторном просмотре читайте выбранные статьи более вдумчиво, делая заметки
Не сожалейте, если прочитали лишь часть: ценность в качестве, а не в количестве
Используйте закладки для сохранения интересных материалов
Делитесь инсайтами и ссылками с коллегами — так информация лучше усвоится

Привет! Я Фронти, и я снова с тобой! 🦊

10% пройдено! Ты уже узнал про AuthKit и WorkOS

OAuth 2.1 — это важно для безопасности!

Night Flight — вдохновляющая демка! 🌙

Design Tokens — основа дизайн-системы

Перехват запросов в Chrome — полезный навык!

Monorepo — это не страшно, если с умом!

Осталось совсем немного! Ты справишься!

80% пройдено! Почти финиш! 🏃‍♂️

Ты прочитал весь дайджест! До встречи! 🦊

Главные новости

⚡ Rolldown-Vite — теперь реальность

Rust-бандлер Rolldown стал полноценной заменой для Vite. Его уже можно протестировать и получить ощутимое ускорение сборки. Разработка от Evan You.

Новые фичи одобрены TC39

На последнем собрании TC39 до Stage 4 были доведены: Array.fromAsync, Error.isError, и поддержка управления ресурсами. Важное событие в развитии языка.

Бесплатные AI-код-ревью в IDE от CodeRabbit

Поддержка VS Code, Cursor и Windsurf. Интеграция с git, правки в один клик — и всё бесплатно.

Присоединяйтесь Telegram-каналу

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

♿ Доступность и UX

Are ‘CSS Carousels’ Accessible?

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

🧪 HTML и Web API

WebStatus.dev обновился

Сайт отслеживания поддержки фич в браузерах теперь показывает больше данных, включая мобильные устройства и таймлайны внедрения.

Обновления Web-платформы

Ежемесячный отчёт от Rachel Andrew о новинках веб-платформы, включая Web Push, if() и прочие интересности.

🎨 CSS и дизайн

Exploring the OKLCH Ecosystem and Its Tools

Статья объясняет, почему стоит использовать цветовую модель OKLCH — она делает цвета на экране более предсказуемыми и насыщенными. Также даётся обзор полезных инструментов и лучших практик.

CSS `if()` и `reading-flow`

Короткое видео о селекторе «совёнок» * + *, который помогает добавить отступы между соседними элементами без лишних классов.

⚙️ JavaScript

The Three Ways JavaScript Frameworks Render the DOM

Разбор трёх подходов рендеринга DOM, которые используют фреймворки вроде React, Vue и SolidJS.

Обзор новостей экосистемы Astro

Сборник обновлений и полезных штук из мира Astro за последний месяц.

Интересный способ делать «похожие статьи» на сайте без серверной логики и БД, используя Transformers.js.

🎓 Гайды и статьи

React, Visualized: Пояснение React-концепций через визуализацию

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

TanStack Router — почему это «работа искусства»

Доминик Дорфмейстер делится впечатлениями от работы с TanStack Router, рассказывая о его уникальных преимуществах.

SurveyJS — визуальный конструктор форм

UI-компонент для создания форм в стиле drag-and-drop с JSON-редактором схем. Полностью совместим с React 19.

📌 Коротко

🧠 Ещё интересное

🧠 Мнения и обзоры

IE6, AI, and The Future of Browsing the Web

Автор сравнивает текущую ситуацию с Chrome с эпохой IE6 — много власти у одной компании, меньше инноваций.

Hope AI: Архитектура от ИИ

Новый инструмент от Bit Cloud помогает строить архитектуру проекта с помощью ИИ.

Designing for Neurodiversity

Гайд по созданию сайтов, удобных для людей с различными особенностями восприятия.

📚 Статьи и руководства

Smashing Animations: Classic Cartoons & CSS

Как идеи из старых мультфильмов могут вдохновить на интересные CSS-анимации.

Container Query Units и внешние контейнеры

Ана Тюдор показывает, как можно использовать единицы измерения контейнера не от текущего, а от внешнего родителя. Хитрый трюк с кастомными переменными.

🔐 Безопасность

AuthKit + WorkOS Radar

Набор инструментов для защиты авторизации: защита от брутфорса, утечек и злоупотреблений.

🔑 Переход от API ключей к OAuth 2.1

OAuth становится стандартом. В статье описано, как перейти с API ключей и что это значит для архитектуры вашего проекта.

✨ Вдохновение

🖖 Night Flight ((S)CSS)

Вдохновляющая демка от Konstantin Denerz — только один HTML-элемент и куча красивых градиентов на SCSS.

🧰 Инструменты и библиотеки

Design Tokens Name Generator

Онлайн-генератор имён для токенов дизайна. Помогает поддерживать порядок и масштабируемость в вашем дизайн-системе.

PDFSlick

Библиотека для работы с PDF в приложениях на React и SolidJS. Использует PDF.js и Zustand.

🧽 Defuddle

Парсит HTML и вытаскивает только полезный контент. Удобно для скрейпинга или создания “режима чтения”.