Frontend Weekly
На главную

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

Узнать об инициативе
Как читать этот дайджест
  • Начните с заголовков статей, чтобы получить общее представление о содержании
  • Быстро пробегитесь по первым абзацам, чтобы понять актуальность материалов именно для вас
  • Выберите наиболее интересные или полезные темы под текущие задачи
  • Планируйте чтение: выделите, например, 15 минут утром и 15 минут вечером
  • Не пытайтесь прочитать всё сразу — возвращайтесь к дайджесту в удобное время
  • При повторном просмотре читайте выбранные статьи более вдумчиво, делая заметки
  • Не сожалейте, если прочитали лишь часть: ценность в качестве, а не в количестве
  • Используйте закладки для сохранения интересных материалов
  • Делитесь инсайтами и ссылками с коллегами — так информация лучше усвоится
HTML 2025: опрос открыт! 📝
SVG теперь проще простого! 🖼️
Liquid Glass: Apple удивляет! 🍏
Firefox с WebGPU и вкладками! 🦊
CSS if(): условия в стиле! 🧩
React: хуки и новый UI! ⚛️
Node 18 — EOL, но не беда! 🐧
Создай свой npm-пакет! 📦
AI-агент на 200 строк! 🤖
Reagraph: графы на WebGL! 📊
Фронти - маскот дайджеста

🧪 HTML и API

Открыт опрос “Состояние HTML 2025”

Третий ежегодный опрос от Devographics вернулся! Его цель — узнать, как разработчики используют HTML и веб-платформу. Блог Леа Веру объясняет, как результаты влияют на приоритизацию фич в Interop — совместный проект браузеров по улучшению совместимости.

Дружелюбное введение в SVG

Джош Комо объясняет основы SVG через визуальные примеры. Это отличная статья для новичков, кто только начал использовать векторную графику на вебе, и хочет разобраться, как она работает.

Понимаем Liquid Glass от Apple

Обзор нового стиля от Apple — Liquid Glass. В статье разбираются первые реакции сообщества, примеры и нюансы с точки зрения доступности.

🎨 CSS и дизайн

Так много animation-range! Шпаргалка для скролл-анимаций

Saron Yitbarek собрала список всех новых возможностей, связанных с анимациями, зависящими от прокрутки. Простое и понятное объяснение с примерами. Подходит для тех, кто хочет делать более живые сайты без JavaScript.

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

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

Подписаться

🌐 JavaScript

es-toolkit — современная альтернатива Lodash

Легкая и быстрая библиотека утилит, полностью совместимая с Lodash, но при этом на 97% меньше и работает быстрее. Используется в популярных проектах вроде Storybook и CKEditor. Гайд по API объясняет всё, что она умеет.

JavaScript-библиотека в 1 килобайт

Участник конкурса js1024 создал мини-программу, имитирующую «радиостанции чисел». Занимательная статья про то, как сжать JS до предела и при этом сделать нечто функциональное.

Когда WebAssembly получит доступ к DOM?

WebAssembly не может напрямую взаимодействовать с DOM, как это делает JavaScript. Статья объясняет текущее положение дел и почему всё может измениться благодаря новым тулчейнам.

⚛️ React

Untitled UI React: свежая библиотека компонентов

Большая коллекция UI-компонентов с открытым исходным кодом, построенная на Tailwind CSS и React Aria. Можно просто «копировать, вставлять и собирать». Доступна подробная инструкция. Также есть платная версия с дополнительными компонентами и интеграцией с Figma.

Новая документация по React Compiler

Команда React обновила документацию по компилятору — инструменту для оптимизации на этапе сборки. Это всё ещё релиз-кандидат, но теперь проще понять, как он работает и как его использовать.

⚙️ Node.js

Laravel и Node.js: PHP в среде Watt Runtime

Интересный эксперимент: теперь можно запускать Laravel-приложения (PHP) внутри Node.js через php-node и сервер Watt. Это сближает два разных мира — PHP и Node.js, и может быть полезно для миграции старых проектов или интеграции функционала Laravel в JS-приложение.

Обновления безопасности Node.js (15 июля)

Вышли версии Node.js:

Они исправляют уязвимости: проблему обхода путей в Windows и баг, связанный с хешированием в V8.

🧠 Обучение и статьи

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

Новые версии