Дайджест свежих материалов из мира фронтенда за последнюю неделю №448 (28 декабря — 3 января 2021)

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

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

Медиа

• Подкаст «Веб-стандарты» №262. JS-андерхуд, фокус, фавиконки, JS-фреймворки, React Server Components, Basecamp Hotwire
• Подкаст CSSSR: «Новогодний спецвыпуск 2021»
• Подкаст Фронтенд Юность #168: Биг дата в гульфике
• Подкаст «Сделайте мне красиво» №53 — Наша работа не дала результатов

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

• Обновление вашего PWA в продакшене
• Обзор npm 7
• Варианты браузерных хранилищ и их состояние в 2021 году
• Что такое Jamstack в 2021 году?
• Пошаговое руководство по пониманию и применению npm 7

• Производительность
  • Мы отрендерили миллион страниц, чтобы понять, из-за чего тормозит веб
  • Максимальная оптимизация загрузки изображений для веба в 2021 году
  • 4 способа сократить время CORS Preflight в веб-приложениях

• Доступность
  • Доступность в технологиях улучшилась в 2020 году, но необходимо сделать больше
  • Выделение доступного контента в Twitter

CSS

• Будущее CSS: пользовательские свойства более высокого уровня для управления несколькими объявлениями
• Индивидуальные CSS свойства transform в Safari Technology Preview
• Имитация падающих теней с помощью CSS Paint API
• Пуленепробиваемый компонент флажка
• 6 советов по разработке c Tailwind CSS
• Преодоление ограничений CSS для плавной анимации высоты контейнера

JavaScript

• Способы использования Math.random() в JavaScript
• Делаем свой minecraft на JavaScript
• Что не так с классами в JavaScript?
• Основные фреймворки и технические тенденции JavaScript на 2021 год
• Вероятно, вы неправильно инициализируете свои resource objects (блокировка JS)
• Практическое введение в Dependency Injection
• Пользовательские события в JavaScript: полное руководство

• React
  • Обработка вызовов multi-page API с помощью React Hooks
  • Интересные возможности NextJS V10
  • Супероптимизированные статические сайты
  • Создание компонента загрузки файлов с помощью react-uploady и Ant Design

• Vue
  • Куда пойдет Vue в 2021 году?
  • Создание приложений на Vue.js без webpack
  • Type-safe Vue.js Injections

• Angular
  • Taiga UI — новый Angular UI Kit, который вам стоит попробовать
  • Производительность в Angular: 5 примеров использования OnPush Change Detection

• Ember
  • Ember со Storybook – за кулисами
  • Когда пересчитывается @cached в EmberJS
  • Создание Glimmer Router с помощью page.js

• Svelte
  • Как я переписал график-гистограмму с ReactJs на Svelte
  • Что нового в Svelte: январь 2021 года

Браузеры

• Компания Mozilla работает над новым оформлением Firefox
• TabFS — файловая система для работы со вкладками браузера
• 15 шуток про Internet Explorer, которые могут вам понравиться

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