Дайджест свежих материалов из мира фронтенда за последнюю неделю №447 (21 — 27 декабря 2020)

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

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

Медиа

• Подкаст «Цинковый прод» #092: Дима Пацура к нам забежит, обсудим React Server Components, ffmpeg 20 лет
• Подкаст «Веб-стандарты» #261. Трансформации, Firefox 84, боль, MDN, черновики CSS, переполнение, центрирование, вьюпорт
• «Новости 512» от CSSSR: ES2021, итераторы, релизы CakePHP, Ember 3.23, npm 7.3.0, Zoom для школ от Ростелекома и Mail.ru
• «Новости 512» от CSSSR: React Server Components, Ruby 3, фреймворк Turbo от Basecamp, Node.js 15.5.0, memory management в JS

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

• Бесплатные хостинги для веб-разработчиков
• Как настраивать Favicon в 2021 году: Шесть файлов, которые удовлетворят любую потребность
• Руководство по архитектуре микрофронтендов для новичков
• Обзор исследований за 2020 год, связанных с вебом
• Будет ли Safari следующим Internet Explorer?
• Несколько трюков с веб-консолью
• Type Scale Clamp Generator

• Производительность
  • Три малоизвестных факта об AVIF
  • Как оптимизировать прогрессивные веб-приложения: выходим за рамки основ
  • Непрерывный анализ производительности с помощью Lighthouse CI и GitHub Actions
  • Конвертация и оптимизация изображений из командной строки
  • Мы обработали миллион веб-страниц, чтобы узнать, что замедляет работу веба
  • Web Vitals от Google для измерения пользовательского опыта
  • HTML/CSS техники для уменьшения вашего JavaScript
  

• Доступность
  • Доступность — это не так просто
  • Как Discord реализовал клавиатурную навигацию в своем приложении
  • Создание веба для следующего миллиарда пользователей, часть 2: эффективные стили для доступности
  • Прогнозы доступности на 2021 год
  

CSS

• Горизонтальный блог
• CSS: о выводе коротких и длинных текстов
• Создание модели CSS Grid в 2021 году с помощью 5 упражнений
• Кредитная карта с эффектом матового стекла на CSS
• Отладка CSS

JavaScript

• Что нужно знать о популярных JS-фреймворках
• Устали от глупых шуток о JS? Напишите свою библиотеку
• React Native в Wix — Архитектура II (глубокое погружение)
• Фреймворки JavaScript, Сравнение производительности 2020
• Вырезаем, копируем и вставляем в JavaScript с помощью Clipboard API
• Как я стал в 10 раз более продуктивным в качестве JavaScript разработчика

• Теория
  • Все о коллбек-функциях в JavaScript
  • ES6 классы в JavaScript, объясненные на примерах
  • Основы чистых функций JavaScript
  

• React
  • React Server Components — что это?
  • Что выбрать в качестве библиотеки компонентов для React-проекта
  • Делаем схему выбора мест в кинозале на React: о canvas, красивом дизайне и оптимизации
  • Вопросы для собеседования по хукам React
  • О React Server Components в блоге Addy Osmani
  • Аннотированное руководство по React Server Components
  • Советы по оптимизации производительности React
  

• Vue
  • Какой будет новая версия Vuex?
  • Управление состоянием в Vue 3
  • Глубокое погружение в слоты Vue
  • Вам действительно нужен Vuex?
  • Почему нам все еще нужны системы управления состоянием в Vue 3 — но не так, как вы думаете
  

• Angular
  • Как мы распилили монолит. Часть 4. И как Angular между приложениями пошарили
  • Управление SVG иконками в приложении на Angular
  • 29 вопросов для интервью по Angular, к которым нужно подготовиться
  • Повысьте производительность Angular за счет понимания Change Detection
  

• Ember
  • Создание Router-компонента для Glimmer.js
  • Понимание args в Glimmer Components
  

• Svelte
  • Интеграция TypeScript со Svelte
  

• Libs & Plugins
  • Dann.js — Javascript библиотека для создания нейронной сети
  • localForage: Управление браузерным оффлайн-хранилищем
  

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