Дайджест новостей и полезных статей из мира фронтенд-разработки за неделю 19-25 сентября.

🔥 Три главные статьи

Учебник по выражениям от контейнера с обновлённым синтаксисом

Методология на слоях

«React, я люблю тебя, но ты меня подводишь»

🖌 CSS

Плавные и простые переходы между страницами с помощью Shared Element Transition API — это API позволяет выполнять переходы между страницами в одностраничных приложениях.

Сила режимов наложения (blend-mode). Список примеров, когда стоит использовать blend-mode.

Режимы наложения

Когда можно отключить выделение текста?. Примеры, когда отключение выделения улучшает взаимодействие пользователя с интерфейсом.

Методология на слоях. Ещё один подход к вёрстке основанный на @layer.

Проблемы с которыми вы столкнётесь при переходе на логические свойства:inline-size, block-size, inline-start, inline-end, block-start, и block-end.

🎓 UX, дизайн

Первая партия цветных шрифтов поступила в Google Fonts. Вы сможете настраивать цветовые палитры и добавлять градиенты в шрифт с помощью COLRv1.

Цветные шрифты

Какие шрифты использовать для диаграмм и таблиц, с засечками или без засечек?

«Вы не разрабатываете интефейсы для устройств — вы разрабатывает интерфейс для лучшего отображения контента»

🏗 JavaScript

Быстро про ECMAScript 2022 — все главные обновления в одном месте. Спасибо Коле Шабалину.

Эксперименты с WebTransport — новый API, обеспечивающий двунаправленный обмен сообщениями между клиентом и сервером с малой задержкой. Он гибче WebSockets и работает через HTTP/3. Мощь.

🚀 React

Сохранение состояния в URL с помощью URLSearchParams — хук для хранения состояния в URL-адресе с помощью querystring/URLSeachParams.

Как отлаживать React с помощью VS Code — основые настройки рабочего процесса отладки для работы с React в VS Code.

Добавление React-компонентов в проект Astro 1.0. Astro позволяет выбрать, какой тип компонентов фреймворка вы будете использовать в проекте.

Руководство по мемоизации с примерами. Первая статья в серии.

Что нового у Гэтсби в 2022 году?

💽 Node.js

Целая книга по написанию shell-скриптов с помощью Node.js.

Почему не стоит смешивать Promise. then() с Async/Await-cинтаксисом.

🛠 Инструменты

Mantine 5.4 — ещё одна библиотека React-компонентов.

DOCX 7.5 — генерация .docx-файлов с помощью node.js.

🕸 Браузеры

Что нового в Chrome 106.

Firefox 105.

🚶 Доступность

Список курсов по цифровой доступности. Он включает общедоступные курсы по всему миру. Список будет активно обновляться. Есть бесплатные курсы.

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

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

Больше статей из блога: