Дайджест новостей из мира фронтенд-разработки за последнюю неделю 23–29 мая.
Доступность
Всемирный день осведомлённости о доступности.
Отчёт React Native о прогрессе улучшения доступности.
Автоматизированные тесты доступности с помощью Storybook.
HTML
dialog: использовать нативный или написать свой?
CSS
Малоизвестные и малоиспользуемые CSS-свойства.
Google Fonts обновил API и теперь можно загружать более производительные шрифты.
Гриды для адаптивного отображения сложных элементов.
Знакомимся с object-view-box.
Идеальное оглавление с помощью HTML и CSS.
Управляйте цветами с помощью color-contrast().
Рассуждения на тему того, что переключатель тёмного режима должен стать функцией браузера.
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.
Узнайте о взаимодействии компонентов.
Инструменты
Компонент для добавления интерфейса CMD + K на сайт.
Wordpress 6.0.
npm 8.11.0.
Electron 19.0.0.
Общее
Как выделяться с помощью типографики. Рассматривайте возможности типографики как дополнительную возможность привлечь внимание вашего интерфейса.
Оптимальная длина строки. Спойлер: 50-75 символов. Меньше 50 или больше 75 может ухудшить читабельность
Почему в вебе закругляют углы?
Как читать статьи на английском языке
В дайджесте много статей и видео на английском языке, чтобы это не стало препятствием: в Google Chrome есть функция перевода страницы с любого популярного языка, а видео можно перевести в Яндекс Браузере.
