Прежде чем перейти к статье, хочу вам представить, экономическую онлайн игру Brave Knights, в которой вы можете играть и зарабатывать. Регистируйтесь, играйте и зарабатывайте!
Дайджест новостей из мира фронтенд-разработки за последнюю неделю 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 есть функция перевода страницы с любого популярно языка, а видео можно перевести в Яндекс Браузере.
