Дайджест свежих материалов из мира фронтенда за последнюю неделю №507 (13 — 20 февраля 2022)

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

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

Медиа

• «Новости 512» от CSSSR: Firefox 97, Vite 2.8.0, pipe-оператор, можно ли без фреймворков, результаты The State of JS 2021
• Подкаст «Веб-стандарты» №321. Safari TP, диалог в WebKit, Interop 2022, popup, SQL+CSS, жалобы на браузеры, Я Люблю Фронтенд

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

• Тайна меняющейся фавиконки
• Почему я ненавижу турбо-страницы от Яндекса
• От эксперимента до стандарта. Пионеры веба рассказывают историю появления синей гиперссылки
• Начало работы с File System Access API
• Самые популярные фронтенд-фреймворки в 2022 году
• Google Web Stories – новый AMP?
• Подборка креативных сайтов «Inspirational Websites Roundup» #34

• Инструменты
  • Как пользоваться CLI для автоматизации рутинных процессов
  • Вадим Макеев: Как тестировать на телефонах и эмуляторах, и почему фронтендеру никуда без макбука
  • Почему мы используем сборщики JavaScript?
  • Lighthouse встречается с GitHub Actions: как использовать Lighthouse в CI
  • Сравнение менеджеров пакетов JavaScript: npm, Yarn или pnpm?
  • gsap-video-export — легкий экспорт анимации GreenSock (GSAP) в видео.
  

• Производительность
  • Subsetting в Font Awesome для повышения производительности
  • Руководство: как увеличить скорость загрузки страницы со скриптами с помощью defer и async
  

CSS

• Практический пример использования CSS Layer
• Динамический разделитель строк для Flexbox
• CSS Grid с автозаполнением и максимальным количеством столбцов минимального размера
• 6 креативных идей для CSS-эффектов при наведении на ссылку
• Дизайна и CSS-трюк с новой домашней страницы Medium
• 4 новых интересных функции CSS в 2022 году
• Как мы сделали State of CSS более отзывчивым и доступным
• Каскадные слои: управляйте каскадом CSS с помощью at-правила @layer

JavaScript

• Сравниваем async/await и then/catch с примерами
• The State of JS 2021: результаты опроса
• 5 причин ненавидеть то, как JavaScript работает с датами
• Илья Климов: JS в 2022: прогнозы и пожелания
• Сравнение Node JavaScript с JavaScript в браузере
• Что нового в обзоре 2021 State of JavaScript.
• Отследите JavaScript код, ответственный за загрязнение глобальной области видимости.
• Remix vs. Next.js: подробное сравнение

• React
  • React Hooks простыми словами
  • Создаем свой React с рендером и useState за 30 минут
  • React Drag & Drop: «Игра в бутылки»
  • Шаблоны проектирования React: возврат компонента из хуков
  • Расширенные возможности React: серверные компоненты
  • Если Мета умрет, последует ли за ней React?
  

• Vue
  • Что нового в Vue CLI 5.0?
  • Vue 3 — эволюция Vue
  • Погружение во Vue 3 — Reactivity API
  • Создание десктопного приложения на Vue 3 с помощью Pinia, Electron и Quasar
  • Как создать приложение Vue.js с Django REST фреймворком
  

• Angular
  • Создание лейаутов и сеток с помощью Angular CDK и Angular Material
  • Реализация колонок в Angular с использованием Angular CDK
  • Сравнение между Angular 11, Angular 12 и Angular 13
  • 10 особенностей Angular 13, которые должен знать каждый разработчик
  

• Ember
  • Обновление до Ember Octane
  • The Ember Times — Issue No. 196
  • Melanie Sumner из Ember Core Team в подкасте " Whiskey Web and Whatnot": Work-Life Balance, React, and Why Accessibility Is Everything
  

• Svelte
  • Интеграция SvelteKit с Backendless
  • Создание аналитических дашбордов в Svelte
  

Браузеры

• В Firefox 98 для некоторых пользователей будет изменена поисковая система по умолчанию
• Firefox проиграл войну браузеров и умирает, Google контролирует развитие веба — это угрожает рынку и приватности людей Статьи редакции
• Mozilla предупреждает: у грядущих Firefox 100 и Chrome 100 могут возникнуть проблемы с user-agent

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