Фронтенд-новости №1

Дайджест новостей из мира фронтенд-разработки за последнюю неделю 5–11 апреля.

Спецификации

• Опубликован первый рабочий черновик (First Public Working Draft) Region capture.

• Последний призыв к рассмотрению предлагаемых изменений в  Media Queries Level 3.

• W3C приглашает к реализации WebXR Device API.

• Спецификации preload становится отключенным черновиком(Discontinued Draft), чтобы продолжить развитие в HTML living standard.

• Письмо генерального директора W3С к 33-й годовщине интернета.

HTML

• Атрибуты HTML, которые вы никогда не используете.

• Создание адаптивной фавиконки.

• HTML семантика.

• Оптимизация LCP (Largest Contentful Paint).

CSS

• Доступно про алгоритмы компоновки.

• Как использовать математические функции в CSS.

• Вариативные шрифты в реальной жизни: как использовать и любить их.

• Сброс унаследованного CSS с помощью «Revert».

• Краткий обзор :has.

• Гайд по hover и pointer медиавыражениям.

• Начни использовать CSS-свойство color-scheme.

JavaScript

• Как сохранить высокий бал в Lighthouse в Next.js проектах.

• История Next.js.

• Как интегрировать аутентификацию без пароля в приложение React Chat с помощью Supabase.

• Декораторы условно переходят на stage-3.

• Сортировка с учетом локали в JavaScript.

• Как использовать Props в React.

• 14 правил линтинга, которые помогут вам написать асинхронный JS-код.

• Побеждая гидратацию JavaScript.

Инструменты

• React:

  • v18.0;

  • План;

  • Руководство по обновлению;

  • Changelog.

• Electron v18.0.0. Обновляется: до Chrome 100, v8 10.0, node.js 16.13.2.

• Preact v10.7.0.

• Vite 2.9.0.

• React testing library поддерживает React v18.

• Google Chrome 100 версии.

Общее

• Видение Mozilla в эволюции веба.

• Учебник по веб-компонентам.

• Трудности во фронтенд разработке.

• Что такое объектно-ориентированный UX?

• Именование дизайн-токенов.

Как читать статьи на английском языке

В дайджесте много статей и видео на английском языке, чтобы это не стало препятствием: в Google Chrome есть функция перевода страницы с любого популярно языка, а видео можно перевести в Яндекс Браузере.