Дайджест свежих материалов из мира фронтенда за последнюю неделю №507 (13 — 20 февраля 2022)
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
[На данный момент Харьков, в котором мы находимся, сравнивает с землей армия РФ. Не военные объекты, а жилые массивы, школы, зоопарк, роддомы и больницы. Сотни жертв среди мирного населения. Будет ли выходить дайджест? Давайте, мы для начала выживем, а там уже будем делать выводы]
Медиа | Веб-разработка | CSS | JavaScript | Браузеры
Медиа
•
•
Веб-разработка
•
•
• От эксперимента до стандарта. Пионеры веба рассказывают историю появления синей гиперссылки
•
•
•
•
- Инструменты
• Как пользоваться CLI для автоматизации рутинных процессов
•Вадим Макеев: Как тестировать на телефонах и эмуляторах, и почему фронтендеру никуда без макбука
•Почему мы используем сборщики JavaScript?
•Lighthouse встречается с GitHub Actions: как использовать Lighthouse в CI
•Сравнение менеджеров пакетов JavaScript: npm, Yarn или pnpm?
•gsap-video-export — легкий экспорт анимации GreenSock (GSAP) в видео.
- Производительность
•Subsetting в Font Awesome для повышения производительности
•Руководство: как увеличить скорость загрузки страницы со скриптами с помощью defer и async
CSS
•
•
•
•
•
•
•
•
JavaScript
•
• The State of JS 2021: результаты опроса
• 5 причин ненавидеть то, как JavaScript работает с датами
•
•
•
•
•
•
- React
•React Hooks простыми словами
•Создаем свой React с рендером и useState за 30 минут
•React Drag & Drop: «Игра в бутылки»
•Как подружить Git с приложением на Webpack+React
•Шаблоны проектирования 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
Браузеры
• В Firefox 98 для некоторых пользователей будет изменена поисковая система по умолчанию
• Firefox проиграл войну браузеров и умирает, Google контролирует развитие веба — это угрожает рынку и приватности людей
• Mozilla предупреждает: у грядущих Firefox 100 и Chrome 100 могут возникнуть проблемы с user-agent
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.