Дайджест свежих материалов из мира фронтенда за последнюю неделю №480 (2 — 8 августа 2021)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.

Медиа | Веб-разработка | CSS | JavaScript | Браузеры

Медиа

• Подкаст «Веб-стандарты» №293. Chrome DevTools, нестинг в CSS, Compat 2021, Yarn 3, парсер URL, Git Hooks, доступный диалог
• «Новости 512» от CSSSR: Rust — любимый язык разработчиков, рекомендации по доступности и будущее браузерных автоматизаций
• Подкаст «Фронтенд Юность» #198: ЛГБТ-девелоперы
• Подкаст «Callback Hell» от CSSSR: GraalVM + Facebook, конкуренты React, a11y, мультиплатформа идущая от мобильных платформ

Веб-разработка

• NFC приходит в web
• Написание отличного альтернативного текста: эмоции имеют значение
• О веб-компонентах
• Влияние заголовков client hints на пользовательские настройки
• Бородатый мальчик объясняет веб-компоненты
• Как создать приложение-синтезатор с помощью AudioContext API
• Глубокое погружение в нюансы функциональности Skip to Content
• Исполнилось 30 лет с момента появления интернета в мире

• Производительность
  • Как собрать свой Lighthouse
  • Рендеринг 3D за кадром: максимальная производительность с помощью canvas workers
  • Стоит ли SVGO того?
  

• Эффекты
  • Как сделать магический шар на Three.js
  • Запускаем SVG (SMIL) анимацию, когда SVG становится виден
  • Волшебные шарики в Three.js
  • Подборка креативных сайтов «Inspirational Websites Roundup #28»
  

CSS

• Использование CSS Shapes для интересных элементов управления и навигации
• CSS Modules (нативные)
• 6 причин использовать Tailwind вместо традиционного CSS
• Вложенность CSS, специфика и вы
• Эффективные вспомогательные утилиты, использующие инлайновые кастомные свойства CSS и calc()
• Рефакторинг CSS: стратегия, регрессионное тестирование и обслуживание (часть 2)
• Подробно о text-emphasis

JavaScript

• JavaScript: как из Fetch сделать Axios?
• Приёмы ускорения кода на JS и других языках: подборка от разработчика поиска Яндекса
• Как создать устойчивые пользовательские интерфейсы на JavaScript
• Представляем JavaScript и TypeScript клиент для AnyCable
• Наглядное руководство по рефакторингу коллбек-функций для промисов и Async/await
• Как работает функция автозаполнения в поиске MDN
• Секрет производительности JavaScript: V8 и скрытые классы

• React
  • Как выполнять CRUD-операции с помощью React, React Hooks и Axios
  • Три примера проблемного кода в React и способы их устранения
  • Использование localStorage с React Hooks
  • Визуальное руководство по рендерингу в React — useMemo
  • Выявление ошибок в Reactс помощью Error Boundaries
  • Почему вам следует отказаться от использования шаблона «container/presentational» в Redux
  • 10 способов стилизовать приложение на React
  • Создайте свою собственный Recoil
  

• Vue
  • Vue.js был выбран в качестве будущего JavaScript-фреймворка Wikimedia Foundation
  • Лучшие UI-библиотеки для Vue 3 за 2021
  • Создайте эффективный виртуальный список с прокруткой во Vue.js
  

• Angular
  • Пришло время избавиться от Angular и сэкономить миллиарды долларов
  • Продвинутый динамический Angular компонент
  

• Svelte
  • Tauri со cтандартным Svelte или SvelteKit
  • Svelte Society — глобальная сеть поклонников Svelte, которые добровольно стремятся продвигать Svelte и его экосистему
  • SvelteKit и Prisma — союз, заключенный в цифровом раю
  

• Libs & Plugins
  • Упрощенная Peer to Peer коммуникация с PeerJS
  • Учебное пособие по TensorFlow.js: начало работы с ML библиотекой
  

Браузеры

• Microsoft добавила в браузер Edge сверхбезопасный режим Edge Super Duper Secure Mode
• Исследование: как популярные расширения Chrome влияют на производительность устройства
• Количество пользователей Firefox продолжило снижение во втором квартале
• Chrome 93 может считывать одноразовые SMS-пароли со смартфона и переносить их в десктопную версию браузера


Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.