Дайджест свежих материалов из мира фронтенда за последнюю неделю №499 (20 — 26 декабря 2021)

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

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

Медиа

• «Новости 512» от CSSSR: Уязвимость Log4Shell, The State of CSS 2021, Ruby on Rails 7, тонкости рендеринга, дженерики в Go
• Подкаст «Веб-стандарты» №313. CSS 25, Safari, отладка утечек, кастомный select, DOM и AOM, Compat 2021, минское сообщество
• Я.Субботник Pro по разработке интерфейсов 2021
• webDev #13: Front-end. Вопросы на собеседовании

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

• Микро-фронтенды для микро-сервисов
• Какие навыки нужны фронтендеру, чтобы стать мидлом? Исследование HTML Academy
• Автоматизация frontend-разработки виджетов для систем управления контентом
• Как рисовать S-образные стрелки между прямоугольниками
• Шпаргалка для собеседований по фронтенду, которая помогла мне получить офферы от Amazon и LinkedIn
• Бесконечная прокрутка в вебе: полное руководство
• Первый взгляд на Error Prevention — новейший критерий WCAG 3.0
• Alternate Column Scroll Animation

• Производительность
  • Fuite — инструмент для поиска утечек памяти в SPA
  • Подвышаем производительность сайта на Jamstack
  • Улучшение Core Web Vitals на примере Smashing Magazine
  • Производительность фронтенда: главное [0]

CSS

• Псевдокласс :has() — не только «родительский селектор»
• День зимнего солнCSSтояния: новые публикации CSS и приятный сюрприз Safari
• Tailwind CSS — резюме после двух с половиной проектов
• Обтекание текста внутри SVG с помощью CSS
• Создание и настройка видеоплеера на HTML5 с помощью CSS
• Новые возможности UnoCSS: альтернатива Tailwind CSS

JavaScript

• Пришло время для JavaScript Temporal API?
• Добавление нового поведения через декораторы в JavaScript
• Красота API IntersectionObserver
• Remix vs. Next.js vs. SvelteKit

• React
  • React.js: размышления об управлении состоянием и повторном рендеринге
  • Шаблоны React архитектуры для ваших проектов
  • Современные методы получения данных API в React
  • Redux middleware и как его использовать с WebSockets
  • Создайте приложение CRUD в React с помощью Firebase Web SDK v9

• Vue
  • Топ-5 расширений VS Code для Vue разработчиков на 2022 год
  • 4 самых популярных запроса о Vue.js 3 на StackOverflow
  • Создание библиотеки компонентов во Vue 3

• Angular
  • Библиотека как продукт: от папки в проекте до международного опенсорса
  • Angular 13: что делает его успешным для разработки фронтенда на ентерпрайз проектах?
  • Angular — Micro-Frontend

• Ember
  • Почему Ember?
  • Релиз Ember 4.0
  • The Ember Times — Issue No. 193

• Svelte
  • Svelte Intl Precompile — Библиотека i18n для Svelte, которая анализирует и компилирует ваши переводы во время сборки

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