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

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

Медиа    |    Веб-разработка    |    CSS    |    JavaScript    |    Браузеры    |    Занимательное

Медиа

• Подкаст «Фронтенд Юность (18+)» №142: Последний шанс уехать подальше
• UnderJS Podcast №24: ClojureScript, истоки PiterJS и 3D-принтеры с Михаилом Полубояриновым [Ламповый]
• Подкаст CSSSR: Frontend learning от Mozilla, Vue 3 материалы, QUIC, релизы PHP-фреймворков, CSS Grid + Flexbox
• Подкаст «Веб-стандарты» №234: Путь фронтендера на MDN, QuicTransport, кастомные свойства, Houdini, GC, записи и кортежи в ES

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

• Ускорение старения современных технологий
• Web Apps: Micro Frontend фреймворк с поддержкой Module Federation
• Многократное использование UI-компонентов в масштабах организации
• Не стоит создавать собственные решения для аутентификации пользователей
• Что должен уметь верстальщик в 2020 году
• Вышла Bootstrap 5 alpha! Теперь без jQuery зависимости и поддержки Internet Explorer
• Blogging Simplified — статический генератор для блогов, документации и многого другого

• Инструменты
  • Повышаем эффективность взаимодействия дизайнеров и frontend-разработчиков
  • Начало работы с Puppeteer
  • Релиз Puppeteer v4.0.0. Breaking change: Puppeteer больше не использует Node-библиотеку EventEmitter
  • Почему мы переключились с Yarn на pnpm
  • Представляем GitHub Super Linter: один линтер, чтобы управлять всем
  • Релизы ESLint 7.0, 7.1, 7.2, улучшающие опыт разработчиков и поддержка ES2020
  

• Доступность
  • Скрытие и стилизация чекбоксов и радио-кнопок с учетом доступности
  • Как написать Alt Text и Image Descriptions для фотожурналистских изображений
  

• Эффекты
  • [Dribbble Challenge] — Анимация заказа кофе
  • ScrollTrigger — подсветка текста во время скроллинга
  • Easing-анимации в Canvas
  

CSS

• Использование Grid для макетов страниц, а Flexbox — для макетов компонентов
• Советы для сложных иллюстраций на CSS
• Grid Cheatsheet: подробная шпаргалка по гридам от Yoksel
• Пользовательские свойства CSS не работают без фолбека
• CSS-анимация: основные концепты и многое другое
• Мысли о функциональном CSS
• Лучшие способы организовать свойства CSS

JavaScript

• Не надо следовать JavaScript-трендам
• Простой state manager для простой работы
• Великий раскол в import: проясняем неопределенность с импортом в Typescript
• Cлайдер с голосовым управлением на JavaScript
• Event listeners и garbage collection
• Чего нам ожидать в TypeScript 4.0?
• Рефакторинг optional chaining в большой кодовой базе: извлеченные уроки
• Что JavaScript разработчики должны знать о Curl
• Компилятор компилятора: серия стримов на Twitch о работе над движком JavaScript
• Придерживаемся концепта DRY при использовании axios для API запросов
• По ту сторону обфускации: защита и безопасность в JavaScript

• Теория
  • Шпаргалка по регулярке
  • Лучшие практики JavaScript для удобочитаемого и поддерживаемого кода
  • 3 способа проверить, есть ли у объекта свойство в JavaScript
  • ECMAScript — Введение в метод «matchAll» в ES2020 (ES11)
  

• React
  • Как управлять состоянием React приложения без сторонних библиотек
  • Подробно о React Router. Часть 2 — параметры запроса, 404 страница и передача пропсов компоненту роута
  • React Hook Form VS Formik
  • React Icon System
  • Использование Immer для лучшего написания редукторов
  • Давайте создадим финансовую панель с помощью React
  • Все, что вам нужно знать о FLIP анимации в React
  • Как создавать PDF отчеты в React
  • Эй Next.js, сервер-сайд рендеринг мертв?
  

• Vue
  • Асинхронность во Vue 3 с Suspense
  • Open Source: обзор инструмента для прототипирования OverVue V2
  

• Angular
  • Работа с директивами в Angular
  • Продвинутая библиотека для всплывающих окон в приложениях на Angular
  

• Ember
  • The Ember Times — Issue No. 153
  • ember-handy-globals — удобные переменные Emberjs для разработки
  

• Svelte
  • Учебное пособие по Svelte
  • Выучите Svelte за 5 минут
  • Svelte 3 — Как связать ваше приложение с Rest API Axios
  

• Libs & Plugins
  • 14 самых популярных Node.js-библиотек в 2020 году
  • Упрощенный (сгруппированный) список часовых поясов и смещений, всегда актуальный и включающий все данные
  

Браузеры

• Mozilla перешла на использование общего с Chromium движка регулярных выражений
• 111 Chrome-дополнений, загруженных 32 млн раз, уличены в загрузке конфиденциальных данных
• В Chrome намерены перейти к показу только домена в адресной строке
• Оценка влияния на производительность популярных дополнений к Chrome
• Mozilla запустит собственный VPN-сервис в ближайшие недели
• В следующем крупном обновлении Windows 10 новый Edge будет интегрирован по умолчанию

Занимательное

• Adobe Flash Player прекратит существование 31 декабря 2020 года
• Adobe хоронит Flash Player. Давайте вспомним, как он изменил нашу жизнь
• Разработчики LLVM обсуждают прекращение использования слова «master»
• GitHub заменит термин «master» на более нейтральный аналог
• Dropbox запустил собственный менеджер паролей и защищенное хранилище для важных документов

Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

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