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

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

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

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

• Последние тенденции в веб-разработке и JavaScript в 2022 году
• Создание Gatsby-темы для сайтов на базе WordPress
• useRainbow()
• Как создать компонент, поддерживающий несколько фреймворков в монорепозитории
• Утечки памяти: забытая сторона веб-производительности

• Доступность
  • Критерии успехи WCAG Level AAA строгие, но они все же заслуживают вашего внимания
  • Labeling the point: Сценарии неправильного использования меток в WCAG
  • Доступная структура заголовка
  • Мысли о Google и доступности

• Эффекты
  • Создание скролл-анимации с Three.js
  • Создание прокручиваемой и перетаскиваемой временной шкалы с помощью GSAP
  • Анимация с помощью плагина Flip для GSAP

CSS

• Новый полифил для Container Query, который просто работает
• Ваш CSS reset требует text-size-adjust (вероятно)
• Подчеркивание CSS слишком тонкое и слишком низкое в Chrome
• Adam Argyle’s Sick Mouse — симпатичный hover-эффект на CSS
• Как создать круговую диаграмму, используя только CSS
• Поиск техники для фиксации фонового эффекта с помощью инлайновых изображений
• Анимация мобильных меню с помощью CSS

JavaScript

• 3D своими руками. Часть 3: чем дальше в лес, тем меньше дом
• Восходящие звезды JavaScript в 2021
• Запускайте код Javascript на порядок быстрее с помощью WebAssembly
• Более умный JavaScript Mapper: array.flatMap()

• React
  • Что мне не нравится в react-router
  • Whoosh — минималистичный менеджер состояний React
  • Полное руководство по React Router: все, что вам нужно знать
  • Тестирование компонентов React
  • Отслеживание скролла (Scrollspy) и многое другое с использованием API React и IntersectionObserver
  • Где изучать React.JS в 2022 году — список ресурсов для новых разработчиков
  • react-tracking: декларативное отслеживание для приложений на React.
  • Я попробовал библиотеку веб-компонентов React от Uber

• Vue
  • Введение в модули Nuxt 3
  • Создание приложения на основе Vue 3 Composition API

• Angular
  • Добавление PWA в Angular-приложение
  • Создание MicroFrontend-сетапа с использованием Angular 12 — Часть 1: Настройка проекта
  • Стратегия плавной миграции Angular в хаотичном мире
  • Разделение сложных форм в Angular с помощью ControlContainer
  • [Angular] Почему использование ElementRef для управления DOM больше не является хорошей идеей

• Svelte
  • Моя оценка SvelteKit для разработки полнофункциональных веб-приложений
  • Начало работы со Svekyll: гибрид Svelte и Jekyll

• Ember
  • Релиз Ember 4.1
  • Ember как фронтенд фреймворк

• Libs & Plugins
  • Создание SVG на JavaScript с Pablo
  • Blaver — JS библиотека на базе Faker.JS, генерирующая большое количество фейковых данных в браузере и node.js

Браузеры

• Релиз Chrome 97
• Недавнее обновление нарушает работоспособность браузера Google Chrome для iOS
• Почему я перешел с Firefox на Brave через 21 год

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