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

К сожалению, на хабре нельзя устанавливать alt для картинок, поэтому ...

Доступность

HTML

dialog: использовать нативный или написать свой?

CSS

JavaScript

Самое большое обновление Next.js. В этой части рассматривается новая система маршрутизации и её интеграция с React Server. В следующей части будут примеры.
API перехода страниц для плавной смены страниц.
Разбираемся с тремя обработчиками массивов: for-of, .reduce() и .flatMap().
Как Airbnb оптимизировала сборку JavaScript с помощью Metro.
Посмотрите на странности stringification в JavaScript.
Приведение значений к Boolean в JavaScript.

React

Все ещё пытаетесь разобраться во всех стейт менеджерах? Вот вам сводная статья про популярные стейт менеджеры.
React и React Native всё больше похожи, благодаря Tailwind CSS для стилизации и Framer Motion для анимации.

Node.js

Теперь можно запускать Github Actions в node.js 16.
Сервер для транскрипции подскастов на node.js. Может понадобиться, если вы любите слушать подкасты, но хотите иметь возможность искать то, что в них говорилось.

Angular

Обзорная статья по 14 версии.
Дальнейшие планы на 2022 год: автономные компоненты и типизированные формы.
После next-релизов начались rc-релизы. Уже вышел второй релиз-кандидат.

Vue

Атомарный дизайн.
Если думали о замене Vuex, то посмотрите в сторону Pinia.
Узнайте о взаимодействии компонентов.

Инструменты

Общее

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

Оптимальная длина строки. Спойлер: 50-75 символов. Меньше 50 или больше 75 может ухудшить читабельность

Почему в вебе закругляют углы?

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

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

Фронтенд-новости №8. Вышел Wordpress 6.0, найдена оптимальная длина строки, <dialog> под вопросом